스크린샷 2024-12-04 오후 5.38.42.png

다음과 같은경우에 를 지우면 제대로 동작한다.

스크린샷 2024-12-04 오후 5.39.17.png

하지만 여기서 을 지우게 되면 다음과 같이 동작한다.

스크린샷 2024-12-04 오후 5.39.54.png

입이 지워지지 않고 이상한 곳으로 캐럿이 튀면서 이상한 글자가 삭제되고, 정작 입은 삭제되지 않았다.

디버거를 통해 확인해보니 다음과 같이 찍혔다.

스크린샷 2024-12-04 오후 5.41.04.png

입을 삭제하고 나서 브라우저에서는 입 글자가 사라지긴 하지만, 문제는 그다음 스페이스 까지 삭제해서 length가 13이 아닌 12로 나오는 문제였다.

TreeWalker에서도 log를 찍어 확인해보니

스크린샷 2024-12-04 오후 5.42.42.png

스크린샷 2024-12-04 오후 5.43.15.png

해당 스페이스만 남은 태그를 아예 인식하지 못한다!

나와의 싸움이었다!!!

Block컴포넌트의 input 처리 함수에 다음과 같은 로직이 있었다