Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Choppy Infinite scrolling over table elements in Chrome

See original GitHub issue

When using the demos(and in my own code) I experience choppy, momentum-less infinite scrolling. I’ve noticed if I scroll with my cursor over the data table it’s choppy, but if I hold my cursor over the scrollbar it scrolls normally. Firefox scrolls normally in all cases.

I’m still looking for a workaround, only thing that works for me so far is to set pointer-events to none on the td elements, but this is not a real solution of course. Anyone else experience this or have any insight?

OSX Chrome Version 43.0.2357.124 (64-bit)

Issue Analytics

State:
Created 8 years ago
Comments:8 (2 by maintainers)

Top GitHub Comments

1reaction

gheltoncommented, Jun 17, 2015

I’m able to workaround this issue by setting transform: translate3d(0px,0px,0); on the div containing the table with the style below, it doesn’t run as well as FF but 95% there.

.griddle-body > div > div {
  transform: translate3d(0px,0px,0);
}

0reactions

ryanlanciauxcommented, Feb 26, 2017

Sorry – I realize this is from some time ago but this should no longer be an issue in Griddle 1.0 with the virtual scrolling plugin. Closing for now but please feel free to open an issue if any problems are encountered. 👍