themeselection / flyonui

🚀 The easiest, free and open-source Tailwind CSS component library with semantic classes.
https://flyonui.com/
Other
1.22k stars 40 forks source link

bug: Animaiton not working in navbar when toggling the hamburger menu in mobile devices #18

Open SourishBiswas23 opened 1 month ago

SourishBiswas23 commented 1 month ago

What version of FlyonUI are you using?

1.1.0

Which browsers are you seeing the problem on?

Chrome, Chrome Android, Firefox

Reproduction URL

https://flyonui.com/docs/components/accordion/#basic-example

Describe your issue

The animation while opening and closing the navbar is janky in every version of the navbar in the library. When the hamburger button is tapped in the closed navbar, the navbar opens up instantly and when it is tapped again, the icon on the navbar changes instantly but the navbar takes some time to close (duration-300 in the markup) resulting in jankiness. Looking at the code, I think that the navbar is supposed to decrease its height gracefully from the sum of the heights of its children to 0 and vice versa like that of the accordion. accordion.webm accordionAndNavbar.webm

github-actions[bot] commented 1 month ago
Hi @SourishBiswas23

Thank you for your support in helping us improve FlyonUI!

We’ve received your submission and will respond within few business days. Our team handles issues one at a time, and we’ll be reviewing yours as soon as possible.

In the meantime, any additional details or a reproducible example would be greatly appreciated and will help us resolve the issue more efficiently.

Thank you for your patience and understanding!

PruthviPraj00 commented 1 month ago

Hello @SourishBiswas23,

Thank you for bringing this issue to our attention. Please give us some time to resolve it; we plan to include the fix in the next release.

Thank you for your patience!