GSMSTCSClub / GSMSTCSClub/GSMSTCSClub.github.io
Mobile navbar overflows
- 主要言語
- HTML
- スター
- 2
- フォーク
- 4
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
**Describe the bug**
On smaller screen sizes, the user can swipe to the right and see the menu that slides in. This behavior is not intended.
**To Reproduce**
Steps to reproduce the behavior:
1. Go to the website
2. Open devtools
3. Open responsive mode and shrink down to a viewport that is 1000px or less
4. Swipe/scroll right
**Expected behavior**
The menu should be hidden until the user clicks the hamburger icon, at which point it slides in from the right.
**Additional context**
It seems like `overflow: hidden` should be the fix here, but I have applied it to the root HTML element without success.
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
調査の方向性
まず、viewportを1000px以下にしたレスポンシブモードで問題を再現し、次にモバイルnavbarとその周辺レイアウトのスタイルを調査します。メニューを閉じている間はスワイプや右方向へのスクロールでメニューに到達できず、ハンバーガーアイコンをクリックすると引き続きスライドして表示されれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- css, html
- 領域
- frontend, web-dev
- issue の種類
- バグ
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100