인프런 커뮤니티 질문&답변

최석우

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

챗박스 만들기

MentionsTextarea 와 autoSize 사이 버그가 하나 있습니다.

해결된 질문

작성

314

MentionsTextarea 에 ctrl+c ctrl+v 를 이용하여 값을 입력시 사이즈는 조절되나 글자 줄 수가 잘려서 보이는 버그가 있습니다.
MentionsTextarea 을 사용시 실제보이는 textarea와 보이지 않는 span 영역이 생성되는데 이 중 autosize에 span ref만 넘어가서 span영역만 커지고 textarea의 영역은 유지되서 생기는 버그로 보입니다.
이후 글자를 제거 하거나 추가로 입력시 정상적으로 보이게 됩니다.

react 웹팩 typescript socket.io babel 클론코딩

답변 1

제로초(조현영)

지식공유자

이 부분은 제가 해결할 수는 없고 라이브러리 이슈로 남기셔야할 것 같네요

최석우

질문자

해결보다는 이슈 공유를 목적으로 남겨놨습니다. ㅎㅎ

제로초(조현영)

지식공유자

어,, autosize 공식 라이브러리는 paste 지원한다고 하긴 하네요

최석우

질문자

몇가지 테스트 중인데
react-mentions을 이용하여 입력 영역을 만들시 auto-size를 적용하지 않아도 자동으로 높이조절이 되는것으로 확인햇습니다.

추가적으로 aaaaaaaaaaaaaaaaa와 같이 입력시 with가 늘어나는 현상은
높이를 담당하는 span 영역에 react-mentions 에서 높이를 조절해주는 span에
word-break:"breack-all" 속성을줘서 줄 바꿈 단위만 단어 위주로 해주게 되면 정상적으로 작동합니다.

최석우

작성한 질문수

전체 Q&A

질문하기