Grsmto / Grsmto/simplebar

Is there a simple way of changing the position of the scrollbar outside of the content dimensions without clipping the bar itself?

Open
#705 0 comments 0 reactions 0 assignees View on GitHub
question
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.