Call rAF with window/global scope

[peteromano]

Chrome seems to break when invoking rAF stored as a referenced property of a different object other than the global scope.

For example: https://stackoverflow.com/questions/9677985/uncaught-typeerror-illegal-invocation-in-chrome

Error is below:

parallax.cjs.js:195 Uncaught TypeError: Illegal invocation
    at onScroll (parallax.cjs.js:195)
    at HTMLUnknownElement.callCallback (react-dom.development.js:348)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:398)
    at invokeGuardedCallback (react-dom.development.js:455)
    at invokeGuardedCallbackAndCatchFirstError (react-dom.development.js:469)
    at executeDispatch (react-dom.development.js:601)
    at executeDispatchesInOrder (react-dom.development.js:623)
    at executeDispatchesAndRelease (react-dom.development.js:726)
    at executeDispatchesAndReleaseTopLevel (react-dom.development.js:734)
    at forEachAccumulated (react-dom.development.js:708)

  var onScroll = function onScroll(event) {
    if (!state.busy) {
      state.busy = true;
      state.current = event.target[getScrollType(horizontal)];
      globals.requestAnimationFrame(function () {    // <--- Should be invoked with `window` scope
        state.layers.forEach(function (layer) {
          return layer.setPosition(state.space, state.current);
        });
        state.busy = false;
      });
    }
  };

CC: @aleclarson

[peteromano]

@aleclarson Can this get merged into v9 ahead of #808/#809 (today, if possible), if 808/9 will take a considerable amount of time longer to ship?

[aleclarson]

Please try 9.0.0-canary.809.3.a66b280 first.

If that doesn't work for you, I can release a v9 canary with cba7e99.

[peteromano]

👍 ty!

[peteromano]

Tested; seems to be working correctly. In retrospect, for anyone else reading:

1. Use 9.0.0-canary.809.3.a66b280 (or v9, upon v9 canary #808/feat: useTransition rewrite #809 merge),
2. import 'react-spring'; (before importing add-ons),
3. import {Parallax, ParallaxLayer} from '@react-spring/addons/parallax.cjs';.