본문 바로가기
개념

IE8의 Textarea 의 스크롤링 버그

by hs_seo 2013. 4. 26.

IE8의 Textarea는 width를 %로 지정했을 때 textarea 안의 내용이 많아지면 스크롤이 더이상 진행되지 않는 오류가 존재한다. (참고링크)


이는 textarea의 change 이벤트 처리시 width와 col 속성을 제대로 가져오지 못해서 발생하는 버그라고 한다. 


이문제를 해결하는 방법은 width, height 를 %로 주지말고 px 로 설정하는 방법과 textarea의 col, row 속성을 설정해주는 방법이 있다. 


나는 이문제를 다음과 같이 해결하였다. 


.editor {
	width: 99.5%;
	padding-top: 3px;
}

// cols 속성을 width 보다 넉넉하게 설정
<textarea name="chm_reason" class="editor" cols="140" rows="10"></textarea>


반응형