n8jadams/smoothr

A custom React router that leverages the Web Animations API and CSS animations.

smoothr's Issues

Images flash in Safari on transition

When navigating to and from the "Smoothie" page on Safari (both mobile and desktop), the image seems to flash during re-render.

When testing it out on the demo (v0.4.2), I think that it's mostly a problem with the SVG image on the Smoothie page, and most likely images in general. It doesn't seem to remember the rendered Component saved in React's virtual DOM.

It doesn't happen every time. It's kind of brittle. I tried adding a unique key to each rendered <Route> component, minimizing how many renders occur, and messed around with the timeouts... which may be a little unstable, but I may have missed something.

Any help would be much appreciated.