themesberg / themesberg/flowbite-react
User Dropdown Component Background is Transparent
A pull request for this has already been merged.
- #314 by @tulup-conner — merged
- Dominant language
- TypeScript
- Stars
- 2.1k
- Forks
- 506
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
Current background of Avatar Dropdown is transparent.
To Reproduce
Steps to reproduce the behavior:
- Go to https://flowbite-react.com/avatar
- Copy User dropdown component
- Use clean react app with base libraries
- See error
Expected behavior
It should be similar to other dropdown items.
Screenshots

System information:
- Device: Laptop
- OS: Windows
- Browser: Google Chrome
- Version: 103
Project information:
- Tailwind: 3.0.0
- Flowbite: 1.4.7
- Flowbite React: 0.1.2
- Type: CRA
Additional context
Add any other context about the problem here.
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
Open the Avatar example at https://flowbite-react.com/avatar and reproduce the transparent User dropdown background in a clean React app. Review the merged pull request #314 and the Avatar dropdown implementation to identify the completed change; done means the dropdown background matches the other dropdown items.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, tailwindcss, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 20/100