ScrollSync lag canvas hack no longer working in latest Chrome

Up until recently I was successfully using the <canvas /> hack (https://github.com/bvaughn/react-virtualized/issues/291#issuecomment-234933425) to avoid ScrollSync lag when layering and synchronising multiple Grid components.

Now with the latest release of Chrome (v61.0.3163.100) I am finding the this is no longer working. You can see in the following gif that mousewheel scroll is laggy but dragging the scrollbar results in smooth animation.

I know there was plenty of discussion about different methods for avoiding this lag in the past but I’m just wondering if there is anything else that I can try to avoid this lag? It basically renders the app unviable for production use.

Thanks 😃

[symbyte]

If any that is experiencing this happens to be working with an electron app, you can disable threaded scrolling by having the following in your main electron entrypoint (as early in the file as possible)

app.commandLine.appendSwitch('disable-threaded-scrolling', '1');

as a workaround for now.

[bvaughn]

Seems like the workarounds I mentioned earlier no longer work then. Unfortunately I don’t have any further ideas at this point.