[Bug] Weird jumps on grid container with gaps

[Felix Mosheev]

Hi,

I've updated to the latest version (1.6.x), and I've noticed that there are some jumps of the container when the scroller stops.

I'm able to reproduce it on the demo.

All you need to do is to add css to the #messages

#messages {
    border-top: 2px solid rgb(230, 236, 240);
    display: grid; // <----
    grid-gap: 2em; // <----
}

It is not reproduces on v1.5.x.

[Nikolay]

Fixed in virtual-scroller@1.6.4

[Felix Mosheev]

The example page is uses the latest version? if so, I still able to recreate the bug

[Nikolay]

The example page works for me when using the #messages style you've posted.

[Felix Mosheev]

I'm still able to constantly reproduce the issue

[Nikolay]

I don't see any issues.

You can provide an online demo if you want, along with clear reproduction instructions.

[Felix Mosheev]

You are correct, looks like there is a difference between changing the styles in dev-tools & starting the app with the styles.

Thank you 🙏🏼