themesberg / themesberg/flowbite-react
Tab.Item onClick is full outlined.
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.1k
- Forks
- 506
- PR merge metrics
- No merged PRs in 30d
Description
- [ x] I have searched the Issues to see if this bug has already been reported
- [ x] I have tested the latest version
Steps to reproduce
- Go to '...' https://flowbite-react.com/docs/components/tabs
- Click on '....' React state options example
- click between the tabs
Current behavior
Describe what is currently happening and why it's a problem.
The tab becomes fully outlined. Only when you click outside of the tab does the outline correct itself.
Expected behavior
Describe what you expected to happen.
That the tab is not fully outlined - I believe this is a bug as it's reproducible on many other variants. Unless I'm wrong and this is by design?
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 with the React state options example on the Tabs documentation page and reproduce the issue by clicking between tabs. Trace the Tab.Item styling and focus behavior; done means switching tabs no longer leaves the entire tab outlined, including across the other affected variants.
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
- 38/100