textarea maxLength 버그

이상한 버그 리포팅이 있었다. 분명히 maxLength를 지정해두었고 눈에도 그 숫자로 보이는데 그보다 많은 글자가 들어간다는 것이었다. 처음엔 maxLength를 지정하기 전에 저장한 것을 착각한 것이 아닌가 했는데 실제로 해보니 눈에 보이지 않는 글자가 들어가고 있었다.

Textarea maxLength

...

codepen.io

확인해본 결과는 놀라웠다. 분명 ant design은 자체적인 maxLength 구현을 가지고 있고 이 부분에 문제가 있는 것 같다. 그런데 브라우저 모듈에도 문제가 있었다.

둘 모두 maxLength 10으로 지정되어 있는데 더 많은 글자가 들어간다. 파이어폭스나 사파리등은 입력하는 도중에 저런 상태가 되긴하지만 blur 이벤트 발생 후 다시 10자로 조정을 한다. 하지만 크롬은 저 상태로 유지된다. ant design은 어디나 다 저렇다.

어쩔 수 없는 한글입력기의 문제가 있긴하니 라이브러리, 브라우저의 기능과는 별개로 substring을 해서 문제를 해결하기는 했는데... 저 기능을 쓰라는거야 말라는거야 -_-