Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scrolling is a bit jumpy/laggy when the row heights are higher. #67

Open
Ravenglass opened this issue Sep 21, 2020 · 1 comment
Open

Comments

@Ravenglass
Copy link

Ravenglass commented Sep 21, 2020

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!

@eads
Copy link

eads commented Jan 3, 2021

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants