모바일 사파리에서는 placeholder의 word wrap이 적용되지 않는다.

발생일: 2012.03.20

문제:
textarea에 기본 문구가 들어가고, 포커스/블러 시 기본 문구를 숨겨주는 스펙이다.

HTML5의 placeholder를 적용할 수 있는 전형적인 케이스인데,
마크업 쪽에서 value에 직접 할당을 하는 방법으로 전달해줬다.

혹시나 해서, placeholder로 기본 문구를 넣어봤더니,
아니나 다를까 문구가 길어지자 문구가 잘려보인다~

왜 이런겨~


해결책:
W3C 스펙에서 placeholder의 word wrap 부분에 대해선 정확히 정의하지 않은 모양이다.

모바일 사파리에서 문구가 길어질 경우, (overflow:hidden 과 같이) 잘려보인다.



카테고리

분류 전체보기 (730)
About me. (6)
Daylogs (695)
영어공부 (0)
My works - 추억 (29)
비공개 (0)