Re: [csswg-drafts] Interaction with Safari's back/forward previews (#8333)

> I'm able to repro the issue on the site above. Do you mind clarifying the timing of the animation with the navigation? What event do you use to trigger the animation?

In short :

- user hovers a link that is "transitionable"
- prefetch/prerender the target page
- user clicks a link that is "transitionable"
- play the matching outro
- trigger the navigation

We have to be careful to undo the outro when a user navigates back but other than that it is a fairly simple setup.

Browsers avoid a flash of white in between navigations, so it appears to be seamless like an SPA transition. But it is just `hover` and `click` events.

Because this is al just hacks there is no way for Safari to "understand" that we are playing an outro. It captures the back preview when the actual navigation happens, not when the user clicks the link.

-- 
GitHub Notification of comment by romainmenke
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8333#issuecomment-1398746860 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 20 January 2023 17:57:47 UTC