MegaMenu doesn't collapse/unfold on mobile

Aperta
  • Qualcosa non va?
#1,409 2 commenti 2 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
45/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
react, tailwindcss, typescript
Ambito
frontend

Direzione di ricerca

Inizia con l’esempio predefinito di MegaMenu e riproduci il problema ridimensionando al layout compresso, aprendo la Navbar e toccando il menu a discesa Company. Segui i punti di ingresso del toggle della Navbar e del menu a discesa nei componenti React, quindi verifica che il contenuto del menu a discesa rimanga visibile sotto Company sui dispositivi mobili senza comprimere la Navbar.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

  • 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)

Lingua principale
TypeScript
Stelle
2.1k
Fork
502
Merge medio
19h 16m
PR unite (30g)
2

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di themesberg/flowbite-react

Tutte le issue di themesberg/flowbite-react

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.