react-component / react-component/tabs
Scrollable Tabs issue
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 572
- Forks
- 241
- Avg merge
- 4d 18h
- Merged PRs (30d)
- 4
Description
Hello,
I have came across an issue related to scrollable tabs. I have UI such as Parent tabs with tabBarPosition:'left' and child tabs with tabBarPosition:'top'.
I want to make child tab as ScrollableInkTabBar so i can scroll it horizontally. The issue is due to parent tab having tabBarPosition:'left', the scroll navigation is not visible some how. If I change parent tabBarPosition to 'top' then scroll navigation is visible perfectly.
Also, one more issue is there if I set like this, the height for child tab is increased to 99999px automatically.
Hence, I strongly feel there is some issue while we set parent tab position to 'left'. Attached screenshots for reference.
Please do the needful.
Regards,
Romil
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
Reproduce the nested tabs setup described in the issue: a parent with tabBarPosition:'left' and child tabs with tabBarPosition:'top' using ScrollableInkTabBar. Compare it with the parent tabBarPosition:'top' case, then verify that horizontal scroll navigation appears and the child height no longer expands to 99999px.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100