simplebar-wrapper height too big when original container has a border, making the native scrollbar appear
- 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