question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Switching Tabs still causes vertical scrolling.

See original GitHub issue

What package(s) are you using?

  • carbon-components
  • carbon-components-react

Detailed description

Describe in detail the issue you’re having.

Switching tabs can still (even with the fix for 7.22 https://github.com/carbon-design-system/carbon/pull/6974) cause vertical scrolling. See my comments here on the original issue for more detail and gif examples:

https://github.com/carbon-design-system/carbon/issues/6973#issuecomment-710725056 https://github.com/carbon-design-system/carbon/issues/6973#issuecomment-710726143

Is this issue related to a specific component?

Tabs

What did you expect to happen? What happened instead? What would you like to see changed?

Switching Tabs should never cause vertical scrolling.

What browser are you working in?

Any

What version of the Carbon Design System are you using?

7.22

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

Kui

Steps to reproduce the issue

  1. Step one
  2. Step two
  3. Step three
  4. etc.

Please create a reduced test case in CodeSandbox

Additional information

  • Screenshots or code
  • Notes

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
starpitcommented, Oct 21, 2020

@emyarod Here is a sandbox that demonstrates the vertical scrolling bug. https://codesandbox.io/s/nifty-water-3i8br

1reaction
emyarodcommented, Oct 21, 2020

thanks for the example, I believe this will be resolved in #7111

Read more comments on GitHub >

github_iconTop Results From Across the Web

Page is vertically scrolling when switching tabs - Drupal
Page is vertically scrolling when switching tabs ... I don't know if this happens in tabs, or in tabs panel style. When a...
Read more >
Vertical tabs are scrolling when opening new tabs after the ...
When opening a new tab the tab bar automatically scrolls down to put the new tab at the very top of the tab...
Read more >
How Do I Stop My Web Content From Shifting Left When The ...
Programmers should avoid using overflow: scroll as this will cause both the vertical and horizontal scrollbars to appear. Solution #1a: An ...
Read more >
Vertical Scroll Stopped Working In ONLY 1 Tab In Excel
The vertical scroll stopped working in only 1 of the tabs in an Excel 2013 workbook. I know that I've engaged something feature...
Read more >
overflow-x - CSS: Cascading Style Sheets - MDN Web Docs
This may be nothing, a scroll bar, or the overflow content. ... Printers may still print overflowing content. auto.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found