Is there a simple way of changing the position of the scrollbar outside of the content dimensions without clipping the bar itself?
- Dominant language
- TypeScript
- Stars
- 6.4k
- Forks
- 527
- PR merge metrics
- No merged PRs in 30d
Description
I've tried overriding the existing CSS myself by changing the dimension, padding and margin of my content element, but I cannot move the bar even slightly without clipping its contents (setting the bar outside the range of the content element). I've also tried changing the position of the bar itself, placing the bar above all other elements on the page, and so on.
Changing the dimensions of the mask itself doesn't seem to affect the scrollbar position. I'm probably missing an easy solution. I just want to shift the bar a few pixels outside of the content.
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reviewing the existing CSS for the content element, mask, and scrollbar, then reproduce the reported clipping when shifting the bar outside the content dimensions. Done means determining whether the scrollbar can move a few pixels outward without clipping and documenting or implementing the supported behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100