Comments (2)
@andrewvarga Sadly there is no other way to determine element's visible height\width other than clientHeight
`clientWidth` querying.
Despite other libraries, RSC's approach not based on DOM events, it uses RAF loop that constantly tracks all container parameters therefore it easily handles container resize or events that do not cause re-render or even situations when content changed not by react.
id be happy to use anything that not causing layout reflow, but i dont know other weay to get these values =(
from react-scrollbars-custom.
Hi Anton,
Thanks for explaining, that makes sense. It seems in most cases this is not a huge problem there is only <1 ms lost when no interaction is on the page. However when I'm moving the mouse, or dragging something on a different module on the same page it seems it seems a recalculateStyle is triggered too which makes me loose 3ms per frame, in some cases more.
I guess some attribute is being set on the scrollerElement in this case that causes this which I should find.
from react-scrollbars-custom.
Related Issues (20)
- 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 17
- 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.