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

[Bug]: Overflow indicator is hiding scrollbar in CodeSnippet #9946

Closed
2 tasks done
orenelbaum opened this issue Oct 26, 2021 · 1 comment · Fixed by #12605
Closed
2 tasks done

[Bug]: Overflow indicator is hiding scrollbar in CodeSnippet #9946

orenelbaum opened this issue Oct 26, 2021 · 1 comment · Fixed by #12605
Assignees
@alisonjoseph
Labels
component: code-snippet package: components carbon-components package: styles @carbon/styles role: dev 🤖 severity: 2 https://ibm.biz/carbon-severity status: waiting for author's response 💬 type: bug 🐛
Milestone
2022 Q4

Comments

@orenelbaum
Copy link

orenelbaum commented Oct 26, 2021 •
edited
Loading

Package

carbon-components-react

Browser

Chrome

Package version

v7.46.0

Description

If you look at the multiline story for CodeSnippet or at the provided sandbox you can see that the overflow indicator hides the vertical scrollbar and prevents clicking on it unless you scroll all the way to the right.

CodeSandbox example

https://codesandbox.io/s/stoic-proskuriakova-ex77f

Steps to reproduce

The bug appears in storybook in the multiline story for CodeSnippet.

Code of Conduct
@tay1orjones
Copy link
Member

Oddly, on mac this is tied to the scrollbar setting you have configured in user settings. With scrollbars "always" visible, the scrollbar is not clickable. It is clickable if auto-hide scrollbars is enabled.

scoll.settings.impact.functionality.mov

@tay1orjones tay1orjones added severity: 2 https://ibm.biz/carbon-severity and removed status: needs triage 🕵️‍♀️ labels Oct 17, 2022
@tay1orjones tay1orjones added this to the 2022 Q4 milestone Nov 3, 2022
@alisonjoseph alisonjoseph mentioned this issue Nov 11, 2022
Merged
alisonjoseph added a commit that referenced this issue Nov 28, 2022
@alisonjoseph
fix(code-snippet): scrollbar not clickable on muliline (#12605)
3c02fe2 
* fix(code-snippet): scrollbar not clickable on muliline

closes #9946

* fix(code-snippet): scrollbar not clickable on muliline

closes #9946
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@alisonjoseph alisonjoseph

Labels
component: code-snippet package: components carbon-components package: styles @carbon/styles role: dev 🤖 severity: 2 https://ibm.biz/carbon-severity status: waiting for author's response 💬 type: bug 🐛
Projects
Design System
Archived in project
Milestone
2022 Q4
Development

Successfully merging a pull request may close this issue.

fix(code-snippet): scrollbar not clickable on muliline
4 participants
@alisonjoseph @tay1orjones @joshblack @orenelbaum