themesberg / themesberg/flowbite-react

<Accordion.Panel isOpen={true}> doesn't work also setOpen and isOpen doesn't work with props

Open
#735 25 comments 7 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

:bug: bug confirmed help wanted
Dominant language
TypeScript
Stars
2.1k
Forks
506
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
In the project, I need to manage the accordions panel and be able to open and close them, but I can't, I also checked the Flowbite codes and realized that they are not written correctly.

Expected behavior
I want to manage isOpen and setOpen from the accordion panel and they work correctly.

Screenshots
Screenshot 2023-05-10 at 3 01 34 PM

System information:

  • Device: Mac
  • Browser: Chrome

Project information:

  • Tailwind: ^3.2.4
  • Flowbite: ^1.6.0
  • Flowbite React: ^0.4.2
  • Type: Next.js - 13.4.1

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the controlled Accordion.Panel behavior in the reported Next.js project with isOpen={true}, then inspect the Flowbite React accordion component and its props handling. Done means the panel can be opened and closed through isOpen and setOpen props, with the behavior verified in the relevant component usage or test.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, tailwindcss, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.