Skip to content

Commit

Permalink
Call the view-transition page-visibility change steps
Browse files Browse the repository at this point in the history
This allows the CSS view-transitions spec to react to page visibility changes.
Specifically, skip the active transition once a page is hidden.

See w3c/csswg-drafts#9543
  • Loading branch information
noamr committed Mar 25, 2024
1 parent cf95931 commit e50670a
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions source
Original file line number Diff line number Diff line change
Expand Up @@ -4024,6 +4024,7 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
<li><dfn data-x-href="https://drafts.csswg.org/css-view-transitions/#document-rendering-suppression-for-view-transitions">rendering suppression for view transitions</dfn></li>
<li><dfn data-x-href="https://drafts.csswg.org/css-view-transitions/#activate-view-transition">activate view transition</dfn></li>
<li><dfn data-x-href="https://drafts.csswg.org/css-view-transitions/#viewtransition"><code>ViewTransition</code></dfn></li>
<li><dfn data-x-href="https://drafts.csswg.org/css-view-transitions/#view-transition-page-visibility-change-steps">view transition page-visibility change steps</dfn></li>
<li><dfn data-x-href="https://drafts.csswg.org/css-view-transitions-2/#resolve-inbound-cross-document-view-transition">resolving inbound cross-document view-transition</dfn></li>
<li><dfn data-x-href="https://drafts.csswg.org/css-view-transitions-2/#setup-cross-document-view-transition">setting up a cross-document view-transition</dfn></li>
<li><dfn data-x-href="https://drafts.csswg.org/css-view-transitions-2/#can-navigation-trigger-a-cross-document-view-transition">can navigation trigger a cross-document view-transition?</dfn>
Expand Down Expand Up @@ -78279,6 +78280,9 @@ END:VCARD</pre>
<li><p>Run the <span>screen orientation change steps</span> with <var>document</var>.
<ref>SCREENORIENTATION</ref></p></li>

<li><p>Run the <span>view transition page-visibility change steps</span> with
<var>document</var>.</p></li>

<li>
<p>Run any <dfn export>page visibility change steps</dfn> which may be defined in other
specifications, with <span>visibility state</span> and <var>document</var>.</p>
Expand Down

0 comments on commit e50670a

Please sign in to comment.