次のようなグロナビをマークアップしている このとき、ある理由でこのグロナビに対してword-break: break-allとline-break: anywhereのスタイルをあてたら Safariのみ次のように表示崩れがおこった 幅が狭くなりsvgをposition: absoluteで右寄せにしているの…

iOS15からSafariでは画面下部にナビゲーションがつくようになった このナビゲーションはスクロールの方向によって大きさが変わる position:fixedを使って高さいっぱいの手前にoverlayするモーダルをつくる場合、大きい方のナビゲーションが表示されている状…

iOS15で画面下部に固定のナビゲーション「タブバー」が配置されるらしい www.apple.com ブラウザで開いているタブを保存できて、iPhone、iPad、Macのどれからでもアクセスできるようになるとのことだが、ほとんどのサイトでこの位置にCTAがあるためちょっと…

以前キャッシュが残っていたためCache-Control: no-storeをヘッダに設定する対応を行った uga-box.hatenablog.com しかし、Safariではbfcacheという訪問したページ間の戻る、進むという動作にページのロードをおこなわない機能がCache-Control: no-storeを設…