placeholderでレイアウトが崩れる

iphoneで確認(safari、chromeとも)。
inputなどにplaceholderでグレー文字を表示させるのは、HTML5から可能になった。
が。
レスポンシブデザインでフォームを作る仕事にて、placeholderに思わぬ落とし穴。

読み込み・・・OK.
iphoneを横向きに・・・OK.
iphoneを縦に戻す・・・NG.

読み込み時OKだったのに、一度横向きにしてから縦に戻すとレイアウトが崩れる。
placeholderを外すと直るので、これが原因だと思われる。

今のところ、placeholderを諦めるしか対応策なし。

早く直してほしい。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする