Scrolling is a bit jumpy/laggy when the row heights are higher.
Ravenglass opened this issue · comments
Hi,
This is an awesome plugin. I've had a look at a couple of similar components but they are all either too bloated with unnecessary features or just arent very good.
However I noticed an issue with the scrolling being a bit jumpy when the row heights are somewhere around 300px. You can see the same issue in your Chat example and even in the basic example. For those shorter items you can notice the issue if you middle click and then drag up/down to scroll really slowly. Whenever a row gets added to or removed from the dom, there is a slight jump. This effect is lot more pronounced in my case where each row takes up about 1/4 of the viewport.
Is there anyway this can be improved?
Thanx, any advice is much appreciated!
I'm not sure why this is happening with the default library, but I have a working implementation of non-jerky tall rows in my Observable notebook implementation of hyperlist (which I like for the same reasons as you).
I suspect it may be that I'm using flexbox layout for each row, and effectively set the height and width of every single cell.
It may also be related to some weird issues with max height I've been running into and am compiling notes to write up an issue.