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

Vertical Tabs Shift Content on Long Tab Names #27557

Closed
Sakkyoku-Sha opened this issue Nov 4, 2020 · 0 comments · Fixed by #27569
Closed

Vertical Tabs Shift Content on Long Tab Names #27557

Sakkyoku-Sha opened this issue Nov 4, 2020 · 0 comments · Fixed by #27569
Labels
👷🏻‍♂️ Someone working on it

Comments

@Sakkyoku-Sha
Copy link

Sakkyoku-Sha commented Nov 4, 2020 •
edited

  • [Yes] I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Edit on CodeSandbox

Steps to reproduce

Click on "Tab-0"
Click on "Tab-100000000000000"

Notice how the size of the content box is adjusted.

What is expected?

TabPane content is not shifted due to selecting a tab with a name of a different length.

What is actually happening?

The 'bold' text of selecting the tab seems to be adjusting the width of the vertical tab width. This is undesired as it leads to visual jutters.

Environment Info
antd 4.8.0
React 16.1.14
System Windows 10
Browser Chromium 86.0.4240.111 on Brave and Chrome

Can you think of any CSS overrides in the less file that could fix this issue?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
👷🏻‍♂️ Someone working on it
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: vertical Tabs long active title style ant-design/ant-design
2 participants
@afc163 @Sakkyoku-Sha