Tabs have gray grey horizontal scroll bar displayed even when the tab list cannot be scrolled

[chrisjbrown]

Expected behavior When the tab list can not be scrolled no scroll bar is shown

Actual behavior Scroll bar is always shown

Steps to reproduce the issue

1. visit https://www.jstor.org/action/showAdvancedSearch or https://pharos.jstor.org/storybooks/wc/?path=/story/components-tabs--base
2. see the grey bar below tab list

Screenshots or code

Pharos version Indicate which version of Pharos you are using.

Your environment

• OS: macOS
• Browser: Firefox, Chrome
• Version: Firefox 113

Additional information Add any additional notes or further context about the issue here, including any known workarounds.

[daneah]

@chrisjbrown I see this, myself:

Any chance this is due to e.g. an "always show scroll bar" system setting?

[chrisjbrown]

i don't believe so. Nazim and Florence also see the same as me. chrome and firefox

[daneah]

@chrisjbrown I can reproduce this by toggling this macOS system setting (under Appearance) between "When scrolling" and "Always."

[chrisjbrown]

@chrisjbrown I can reproduce this by toggling this macOS system setting (under Appearance) between "When scrolling" and "Always."

The default setting here is "automatic..." and if no mouse is connected the scrollbar doesn't show but if one is connected the scrollbar always shows. going to close for now as even if this is an issue it's very specific

[chrisjbrown]

Not sure this changes the outcome but wanted to add the info here. as windows is also having this issue event with "always show scrollbars off"

[brentswisher]

Had a followup request for this from @bciaglo-ithaka in slack, reopening so we can take another look at options