textarea 스크롤 전체 튕김 현상

Question

안녕하세요..! 신입 프론트엔드로 취업했는데.. 계속 해결이 되지 않아 질문드립니다..textarea로 글쓰기 페이지에 글을 쓰는데화면 기본 세로길이가 넘어가 스크롤이 생기면스크롤이 위를 찍고 다시 포커스 있는 아래쪽으로 오게 됩니다..이게 마치 스크롤이 튀는 현상으로 보여요블로그랑 스택오브 플로우 등 보고.. 간단한 코드로도 수정해봤는데 해결되지 않았습니다.. 방법이 있을까요?textarea말고도 해결할 수 있는 방법 있을까요?const useAutoSizeTextArea = ({ textArea, value, maxHeight, minHeight, }: { textArea: HTMLTextAreaElement | null; value: string; maxHeight?: number; minHeight?: number; }) => { useEffect(() => { if (textArea) { textArea.style.height = 'auto'; let scrollHeight = textArea.scrollHeight; if (maxHeight) { scrollHeight = Math.min(scrollHeight, maxHeight); } if (minHeight) { scrollHeight = Math.max(scrollHeight, minHeight); } textArea.style.height = `${scrollHeight}px`; } }, [textArea, value, maxHeight, minHeight]); }; export default useAutoSizeTextArea; const textAreaRef = useRef(null); useAutoSizeTextArea({ textArea: textAreaRef.current, value: content, });

캐티 · Answer

scrollheight를 건드리면 scrolltop이 이상해질 잠재적인 위험이 있스빈다.line-height height 그리고 em 단위를 사용하면 개행 횟수에 따라서 높이를 변경할 수 있쩌.onchage을 oninput이나 onkeyup으로 하는 것도 고려사항이빈다.스타일시트로 최대 줄바꿈 수를 제한해요 - Cattiy Lab

몰랑토끼 · Answer

max-block-size.min-block-size 이거 2개면끝

textarea 스크롤 전체 튕김 현상

2개의 답변

Q&A 목록