electerious / electerious/basicLightbox

Height 100vh is too tall on iOS Safari

オープン
#27 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
604
フォーク
57
PR マージ指標
30日以内にマージされた PR はありません

説明

On iOS Safari, if the two navigation bars are shown, 100vh is actually taller than the screen area available. So if you make a scrollable popup, it won't be possible to scroll down far enough to see all of the content.

In my site, just setting .basicLightbox's height to 100% instead seems to fix it.

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

.basicLightbox のスタイルを特定し、両方のナビゲーションバーが表示された状態で、iOS Safari 上にスクロール可能なポップアップを再現します。高さの挙動を変更することで viewport のオーバーフローが解消されるか確認し、その後、影響を受けるブラウザーでスクロールしてポップアップのすべてのコンテンツに到達できることを確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
css
領域
frontend
issue の種類
バグ
難易度
2/5
見積もり時間
1〜3時間
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。