GSMSTCSClub / GSMSTCSClub/GSMSTCSClub.github.io

Mobile navbar overflows

オープン
#2 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
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

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

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