ブックマーク / blog.umeru.ma (1)

  • iOS Safariのアクションバー表示エリアはタップイベントをブロックする | Orime

    Webサイトにウィンドウ下固定のメニューボタンを設置する場合、モバイル向けSafariが邪魔をしてくる。回避するためには。 要約iOS Safariは、アクションバーが隠れた時、バーの高さ+セーフエリア分のタップイベントをブロックしてしまう。それゆえ、ウィンドウ下固定のボタン要素は、1回でタップできない場合がある。CSSで解決する場合、44px + env(safe-area-inset-bottom)分のマージンを取る。憎き44ピクセルスポーツブル (スポブル) | 完全無料のスポーツアプリ 最近見たウェブサイトで、下固定のメニューボタンを採用していたページ。いいなーと思って触っていたら、あることに気づいた。iOSのSafariだとアクションバーが隠れている時、最初のタップでメニュー要素が押せない。1回押すとアクションバーがニュッと飛び出てきて、要素が再配置された後にもう1度押す。計2回

    kkeisuke
    kkeisuke 2019/09/18
  • 1