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

발생일: 2012.03.20

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

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

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

왜 이런겨~


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

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

http://stackoverflow.com/questions/7312623/insert-line-break-inside-placeholder-attribute-of-a-textarea

http://www.sitepoint.com/forums/showthread.php?793613-Placeholder-text-does-not-wrap-in-text-field