Flicker on route change + window scroll in Safari about choo HOT 2 CLOSED

I believe this is due to a bug in Safari which schedules animation frame callbacks after the next repaint, which goes against the spec which dictates that calls to requestAnimationFrame should be resolved before repaint. More on this here: https://www.youtube.com/watch?v=cCOL7MC4Pl0

Edit: the part about Safari inconsistency is at the 23 minute mark in linked video

What I usually do to work around this particular situation is to schedule the scrollTo an extra animation frame:

module.exports = scroll

function scroll (state, emitter) {
  emitter.on('pushState', function () { 
    window.requestAnimationFrame(function () 
      window.scrollTo(0, 0)
    })
  })
}

from choo.

Thank you! @tornqvist

from choo.