IE8의 Textarea 의 스크롤링 버그

2013. 4. 26. 14:03·개념

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>


반응형
저작자표시 비영리 (새창열림)

'개념' 카테고리의 다른 글

SSH 터널링  (1) 2013.06.19
웹페이지 구현에서 파라미터 처리할 때 마우스의 뒤로가기 버튼으로 인한 동작 처리하기  (0) 2013.04.30
BASE 64 인코딩  (0) 2013.04.15
IE, FF, Chrome 에서 렌더링이 다른 이유 알아보기.  (0) 2013.03.12
IT 회사 관련 정보 - 잉여개발자의 꿀 위키  (0) 2013.02.18
'개념' 카테고리의 다른 글
  • SSH 터널링
  • 웹페이지 구현에서 파라미터 처리할 때 마우스의 뒤로가기 버튼으로 인한 동작 처리하기
  • BASE 64 인코딩
  • IE, FF, Chrome 에서 렌더링이 다른 이유 알아보기.
hs_seo
hs_seo
Hello World!
    반응형
  • hs_seo
    개발자로 살아남기
    hs_seo
  • 전체
    오늘
    어제
    • 전체 (1140)
      • 개발자 (21)
        • 개발에 유의할 점 (0)
        • 면접 (5)
      • IT 소식 (5)
        • 업계 (1)
      • java (51)
        • 디자인패턴 (3)
        • apache-common (1)
      • 개념 (47)
        • 자료구조 (4)
        • 함수형사고 (8)
        • 디자인패턴 (1)
      • 데이터분석 (1)
      • python (67)
        • 코드조각 (12)
        • 라이브러리 (2)
      • 빅데이터 (418)
        • zookeeper (5)
        • hadoop (78)
        • hdfs (12)
        • hive (127)
        • hbase (16)
        • spark (40)
        • scala (4)
        • trino (3)
        • oozie (41)
        • Hue (9)
        • R (5)
        • sqoop (6)
        • flume (3)
        • elasticsearch (2)
        • airflow (16)
        • kafka (3)
        • kubernetes (10)
        • openstack (3)
        • flink (2)
        • redis (2)
      • 빅데이터 강좌 (2)
      • 알고리즘 (131)
        • 알고리즘 (1)
        • 백준 (61)
        • 정올 (41)
        • 더블릿 (5)
        • 프로그래머스 (1)
      • 프로그래밍 언어 (30)
        • go (4)
        • js (9)
        • .Net (6)
        • Jsp (1)
        • ansible (3)
        • terraform (6)
      • Tools (56)
        • docker (2)
        • macbook (6)
        • maven (3)
        • sublime (1)
      • 프레임워크 (25)
        • [JS] angularjs (2)
        • [JS] node.js (19)
        • [Java] spring (2)
        • Android (2)
      • 데이타베이스 (43)
        • SQLD (5)
        • Oracle (1)
        • MySQL (8)
        • ADsP (2)
      • 리눅스 (25)
        • Bash (61)
      • GCP (5)
      • AWS (34)
        • EC2 (2)
        • EMR (14)
      • 정보보안기사 (4)
        • 네트워크 (1)
      • 개인 (80)
        • 업무실수 (0)
        • 책 (9)
        • 교육 (3)
        • 여행 (17)
        • 영화 (12)
        • 음악 (2)
        • 피규어 (4)
        • 게임 (3)
        • 생각 (7)
        • 기타 (10)
        • 좋은글 (5)
        • 좋은 사이트 (2)
  • 블로그 메뉴

    • 홈
    • 태그
    • 미디어로그
    • 위치로그
    • 방명록
  • 링크

    • 빅데이터-하둡,하이브로 시작하기
    • 빅데이터-스칼라, 스파크로 시작하기
    • Kaggle에서 파이썬으로 데이터 분석 시작하기
    • 쉘스크립트 개발 시작하기
    • 개발자가 데이터 분석 준전문가 되기
    • 데브쿠마
  • 공지사항

  • 인기 글

  • 태그

    정올
    Python
    emr
    k8s
    다이나믹
    bash
    하둡
    Tez
    ubuntu
    HIVE
    파이썬
    build
    S3
    java
    알고리즘
    Linux
    Hadoop
    hbase
    AWS
    HDFS
    SPARK
    yarn
    airflow
    백준
    mysql
    oozie
    오류
    nodejs
    error
    하이브
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
hs_seo
IE8의 Textarea 의 스크롤링 버그
상단으로

티스토리툴바