it's an endless world.

グロースをデザインするひと

iOS7でposition:fixed;で配置しているフッターがセレクトボックスのフォーカスで挙動がおかしくなる件の解決法

タイトル長いけどそのまんまです。

画像で説明すると、こういう感じのフッターが
f:id:headless_pasta:20131230182609p:plain
セレクトボックスやテキストエリアのフォーカスでこうなっちゃうと。
f:id:headless_pasta:20131230182636p:plain
さらに面倒なことに、この状態でウィンドウをスクロールすると
position:fixed;で設定してるのにposition:absolute;のような動きを
始めるという謎仕様(バグ?)
f:id:headless_pasta:20131230182736p:plain


いろいろ試してたけど、どうにも解決できなかったので、
セレクトボックスやテキストエリアのフォーカス時に特定のIDの要素を消す
ってなシンプルな形で解決してしまいました。おわり。

書くまでもなさそうだけど、実際のコードはこちら。
iOS7でfixedで配置しているフッターがセレクトボックスのフォーカスで挙動がおかしくなる件の解決法 - jsdo.it - Share JavaScript, HTML5 and CSS