Gatsby: [using-page-transitions] page scrolls to top before transitioning to new page

[dustinhorton]

Really stoked on this new example.

Repro

1. Create a page with enough content that it's taller then the viewport, and add a 'local' link to the bottom.
2. Scroll to then click said link.

Expected result

I think the flow should be:

1. Fade out
2. Scroll to top
3. Fade in

Surely been solved before, just haven't personally dug in or looked around yet.

Actual result

1. Scroll to top
2. Fade out
3. Fade in

cc @stevensurgnier (hope that's kosher)

[KyleAMathews]

Hmm the problem is that yeah, scrolling happens immediately when the page transition starts.

How have others approached this?

[stevensurgnier]

Totally kosher with me @dustinhorton :) thanks for helping make the feature better. I'll take a look this week.

[stevensurgnier]

I have a working prototype that uses the getUserConfirmation option of history to initiate the exit animation and delay the history push. Let me test a bit more and I'll put together a PR asap.