Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

”horizontal“ in Tabs component can't work #2423

Open
1 task
1122334rr opened this issue Feb 6, 2025 · 1 comment
Open
1 task

”horizontal“ in Tabs component can't work #2423

1122334rr opened this issue Feb 6, 2025 · 1 comment
Labels
bug Something isn't working

Comments

@1122334rr
Copy link

Describe the bug (current behavior)

A vertically oriented Tabs component nested within another Tabs component that is horizontally oriented, with the second Tabs component also being in a vertical orientation

version :"@itwin/itwinui-react": "3.16.0",

Image

Expected Behavior

work normal

Link to minimal repro

https://stackblitz.com/edit/github-vdqmwtx2-rz8rbjiu?file=src%2Fmain.tsx

Steps To Reproduce

No response

Package Version

  • I'm using the latest version of iTwinUI.

Anything else?

No response

@1122334rr 1122334rr added the bug Something isn't working label Feb 6, 2025
@r100-stack
Copy link
Member

Thanks for reporting this issue. We will add it to our backlog and fix the bug.

However, just wanted to mention that we don't suggest using nested tabs because it's not ideal from a UX perspective. So you may want to consider some alternatives to nested tabs that meet your use-case.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants