Comments (5)
I know about this problem and actually dont know how to fix it correctly atm.
In general it translate scrollHeight
/scrollWidth
values of content element to the holder element. It works when content sizes increases, but doesn't when it decreases.
Because scrollHeight
can't be less than clientHeight
.
Ideally, placing the relatively positioned div inside the content element which will hold the scrollbar's content, with no margins and padding, should solve the problem, cause it'll be able to grow and shrink in spite of scrollbar elements.
But not sure that it will be an optimal solution (it'll slow down scrollbars update process and add an extra div).
from react-scrollbars-custom.
About the gap - what browser and OS do you use?
from react-scrollbars-custom.
I am using Chrome (72.0.3626.121) / Mac OSX (Mojave 10.14.1)
from react-scrollbars-custom.
I'm currently being hit by the same size decrease issue.
from react-scrollbars-custom.
@alexpaxton most likely alpha.17
should resolve tha gap problem, but i'm not sure.
So check it please and poke me on any results.
from react-scrollbars-custom.
Related Issues (20)
- rafCallback / getScrollState being called continuously HOT 2
- Don't work max-height! HOT 1
- Content doesn't show in Safari HOT 1
- Scrolling Breaks with Dynamic Content and PermanentTrack
- Can this be applied to a textarea?
- Horizontal Scrollbar on the top of the div ratherthan on the bottom HOT 3
- React 17 support? HOT 2
- React 17 Support in peer dependencies, failed to install dependencies via npm v7 HOT 6
- TypeScript: Spreading props creates ref type bug
- Scrollbar gets stuck in bottom after scrollable content becomes shorter
- Memory leak that causes crash HOT 1
- Top and Bottom margin for the track HOT 1
- Not working with react 18 and next js 12 getting element ref error HOT 13
- Scroll flickering/jumping when I add margin/padding to content HOT 1
- disableTrackXMousewheelScrolling not working
- Problem with SSR HOT 1
- doesn't work in vite (due to the use of global) HOT 2
- Customize width of rendered scrollbar
- Incompatible with React 18 in strict mode HOT 16
- getScrollbarWidth shouldn't use unsafe styles
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-scrollbars-custom.