Grsmto / Grsmto/simplebar

simplebar-wrapper height too big when original container has a border, making the native scrollbar appear

Open
#643 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
6.4k
Forks
527
PR merge metrics
No merged PRs in 30d

Description

When adding simplebar to a container that has a border, the native scrollbar showed next to the simplebar one. I then got to the inspector tool and changed the height of the .simplebar-wrapper by 2px (each border top and bottom has 1px) and the native one disappeared.
I also tested removing the borders and it worked as well.

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue with simplebar on a container that has 1px top and bottom borders, then inspect the .simplebar-wrapper height in the browser. Compare the bordered and borderless cases and confirm that the native scrollbar no longer appears beside the custom scrollbar when the issue is fixed.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.