Selected tab has no css applied
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 3.1k
- Forks
- 455
- Avg merge
- 5h 9m
- Merged PRs (30d)
- 2
Description
noticed in version v4.0.1
current solution: backporting to v.3.2.3
Selecting a tab applies the react-tabs__tab--selected class to the chosen <li> element. CSS is being applied, but it's not showing on the selected item. Clicking anywhere else makes styling visible again.
Using Chrome developer tools, it seems like the content of the li tag is not being rendered, and therefore the CSS is neither.
Contributor guide
No contributing guide indexed for this repository
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 selected-tab behavior in react-tabs v4.0.1 using Chrome developer tools, then inspect the selected li element and its rendering. Confirm the issue is fixed when the react-tabs__tab--selected styling is visible immediately after selecting a tab, without clicking elsewhere.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100