MegaMenu doesn't collapse/unfold on mobile

オープン
#1,409 コメント 2 件 リアクション 2 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

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

調査の方向性

MegaMenu のデフォルト例から始め、折りたたまれたレイアウトにリサイズし、Navbar を開いて Company のドロップダウンをタップして問題を再現します。React コンポーネント内の Navbar のトグルとドロップダウンのエントリポイントを追跡し、モバイルで Navbar を折りたたまずにドロップダウンの内容が Company の下に表示されたままになることを確認します。

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

説明

  • I have searched the Issues to see if this bug has already been reported
  • I have tested the latest version

Steps to reproduce

  1. Go to the mega menu default example.
  2. Resize the screen width to something that triggers the collapse (don't use the screen size icons on top the example)
  3. Tap on the Navbar toggle to unfold Navbar. Tap on the dropdown toggle ("Company").

Current behavior

The Navbar collapses again. The dropdown content is not visible.

Expected behavior

The Navbar should show the content of the dropdown below "Company".

Context

Tested in latest versions of Chrome and Safari on MacOS. Also applies to production code, not just examples which I only use for easier reproducibility.
I generally don't find any example of the MegaMenu dropdown working in flowbite-react. The main library examples work as expected.

Related issue #1403 (dropdown seems to not be production-ready in Next.js)

主要言語
TypeScript
スター
2.1k
フォーク
502
平均マージ
19時間 16分
マージ済み PR(30日)
2

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

themesberg/flowbite-react のほかの issue

themesberg/flowbite-react の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

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

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