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.

Sign up for GitHub

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

Jump to bottom

The property "headerWidth" in <Tabs /> should configure "tab list" only #6554

Closed
1 task done
foxyd-sage opened this issue Jan 30, 2024 · 2 comments · Fixed by #6925
Closed
1 task done

The property "headerWidth" in <Tabs /> should configure "tab list" only #6554

foxyd-sage opened this issue Jan 30, 2024 · 2 comments · Fixed by #6925
Labels
Bug On Backlog released Squad Nebula tabs

Comments

@foxyd-sage
Copy link

foxyd-sage commented Jan 30, 2024 •
edited by Parsium
Loading

Current behaviour

When use property headerWidth in the Tabs component, I expect that I can set tabs list only, but when we use headerWidth the tab content also changing the width. For example, when headerWidth="20%" the Tab content has width: auto.

Expected behaviour

When I want to use headerWidth, I'm not expect that this property will affect the Tab component.
We need to have opportunity to set up tabs list only.

Stackblitz or Storybook URL

https://stackblitz.com/edit/parsium-carbon-starter-dn3cjz?file=src%2FApp.tsx

JIRA Ticket (Sage Only)

No response

Suggested Solution

No response

Carbon Version

124.6.0, but on the latest as well

Design Tokens Version

^4.28.0

What browsers are you seeing the problem on?

Chrome

What Operating System are you seeing the problem on?

Windows

Anything else we should know?

If you need additional information please find me in the Slack :)

Confidentiality

  • I confirm there is no confidential or commercially sensitive information included.
@foxyd-sage foxyd-sage added Bug triage Triage Required labels Jan 30, 2024
@Parsium
Copy link
Contributor

Parsium commented Jan 30, 2024

FE-6346

@Parsium Parsium added On Backlog Squad Nebula tabs and removed triage Triage Required labels Jan 30, 2024
mihai-albu-sage added a commit that referenced this issue Sep 2, 2024
@mihai-albu-sage
fix(tabs): tab headers jump in width when navigating through them
d627b65 
when using headerWidth the min width shoudl also be updated

fixes: #6554
@mihai-albu-sage mihai-albu-sage mentioned this issue Sep 2, 2024
Merged
14 tasks
carbonci pushed a commit that referenced this issue Sep 19, 2024
@semantic-release-bot @carbonci
chore(release): 142.11.3
8219994 
### [142.11.3](v142.11.2...v142.11.3) (2024-09-19)

### Bug Fixes

* **tabs:** tab headers jump in width when navigating through them ([7c70261](7c70261)), closes [#6554](#6554)
@carbonci
Copy link
Collaborator

🎉 This issue has been resolved in version 142.11.3 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Bug On Backlog released Squad Nebula tabs
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(tabs): tab headers jump in width when navigating through them Sage/carbon
3 participants
@Parsium @carbonci @foxyd-sage