textarea 줄바꿈 시 height 자동으로 늘어나게 하기 (React-Typescript)

Devinix·2024년 6월 2일
1
post-thumbnail
import { RefObject } from "react";

export default function handleResizeTextareaHeight(
  maxLines: number,
  lineHeight: number,
  ref: RefObject<HTMLTextAreaElement>,
) {
  if (ref.current) {
    ref.current.style.height = "auto";
    const scrollHeight = ref.current.scrollHeight;
    const maxHeight = maxLines * lineHeight;
    const refStyle = ref.current.style;

    if (scrollHeight > maxHeight) {
      refStyle.height = `${maxHeight}px`;
      refStyle.overflowY = "scroll";
    } else {
      refStyle.height = `${scrollHeight}px`;
      refStyle.overflowY = "hidden";
    }
  }
}
profile
프론트엔드 개발

0개의 댓글