Scroll performance issues in Firefox

I’m using the classic combo of CellMeasurer and Grid to do some fancy infinite scrolling. Everything looks/works great in chrome but I’ve noticed some serious performance issues in Firefox. At first I thought it was just my implementation or that I was re-rendering too often but then I noticed this warning:

This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features!

Turns out the demo here http://bvaughn.github.io/react-virtualized/#/components/CellMeasurer actually suffers from the same performance issues and has the same warning:

The uniform width and height demo is particularly glitchy fwiw.

Anyone dealt with this before?

*FF Version: 50.1.0

[rickychien]

I ran into this issue after adopting react-virtualized as well. The root cause could be due to APZ (Async Panning and Zooming).

A simple way to verify:

1. Visit about:config in Firefox
2. Search layers.async-pan-zoom.enable and set it to false
3. Restart browser
4. Run example https://bvaughn.github.io/react-virtualized/#/components/Grid

Bug has reported, please see https://bugzilla.mozilla.org/show_bug.cgi?id=1346159

[bvaughn]

Hey @zsherman,

Thanks for the detailed report! I haven’t been ignoring it (despite my lack of a response) I’ve just been busy. It seems legit and I’ll try to look into it when I can find/make time. Just wanted to leave a note to say that I appreciate the level of detail, and I am at least aware of the issue. 😄