themesberg / themesberg/flowbite
Dropdown menu does not works when HTMX Boost is enabled
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 9.4k
- Forks
- 862
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
I created a HTML website in Django and I enabled HTMX boost when navigating links in the web page. When I navigate to another page, my dropdown menu no longer works.
To Reproduce
Steps to reproduce the behavior:
- Install HTMX in the web page
- Enable
hx-boostin the div - Add flowbite dropdown component
- Click on any link, then the dropdown menu no longer works
Expected behavior
Dropdown menu should works when navigating to another page
Screenshots
https://github.com/themesberg/flowbite/assets/461537/83007504-5002-4fcd-96d4-603f975f15b7
Desktop (please complete the following information):
- OS: MacOS
- Browser Chrome v114
- Flowbite Version 1.7.0
Additional context
I really wish Flowbite works well with HTMX.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the reported sequence with HTMX, hx-boost, and a Flowbite dropdown: load the page, navigate through a boosted link, and open the dropdown. Inspect how dropdown behavior is initialized after navigation; done means the dropdown still works after moving to another page, as described in the issue.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, tailwindcss
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100