Skip to content

Add NavigationTransition.to, exposing the current navigate event's destination #11692

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Add NavigationTransition.to, exposing the current navigate event's destination #11692

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e7a84f6
NavigationTransition.to
noamr Sep 24, 2025
b0e80b4
specfmt
noamr Sep 24, 2025
7036eef
Improve wording
noamr Sep 25, 2025
7706b3b
reword
noamr Sep 29, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 23 additions & 0 deletions source
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -100261,6 +100261,7 @@ const p2 = navigation.navigate(url2).finished;</code></pre>
interface <dfn interface>NavigationTransition</dfn> {
readonly attribute <span>NavigationType</span> <span data-x="dom-NavigationTransition-navigationType">navigationType</span>;
readonly attribute <span>NavigationHistoryEntry</span> <span data-x="dom-NavigationTransition-from">from</span>;
readonly attribute <span>NavigationDestination</span> <span data-x="dom-NavigationTransition-to">to</span>;
readonly attribute <span data-x="idl-Promise">Promise</span>&lt;undefined> <span data-x="dom-NavigationTransition-committed">committed</span>;
readonly attribute <span data-x="idl-Promise">Promise</span>&lt;undefined> <span data-x="dom-NavigationTransition-finished">finished</span>;
};</code></pre>
Expand Down Expand Up @@ -100295,6 +100296,12 @@ interface <dfn interface>NavigationTransition</dfn> {
useful to compare against <code
data-x="dom-Navigation-currentEntry">navigation.currentEntry</code>.</p></dd>

<dt><code data-x=""><span data-x="dom-navigation">navigation</span>.<span data-x="dom-Navigation-transition">transition</span>.<span subdfn data-x="dom-NavigationTransition-to">to</span></code></dt>
<dd><p>The <code>NavigationDestination</code> of the transition. This can be useful as a way to
reflect a current navigation's destination's <code
data-x="dom-NavigationDestination-url">url</code> without having to listen to the <code
data-x="event-navigate">navigate</code> event.</p></dd>

<dt><code data-x=""><span data-x="dom-navigation">navigation</span>.<span data-x="dom-Navigation-transition">transition</span>.<span subdfn data-x="dom-NavigationTransition-committed">committed</span></code></dt>
<dd><p>A promise which fulfills once the <code
data-x="dom-Navigation-currentEntry">navigation.currentEntry</code> and <span
Expand Down Expand Up @@ -100330,6 +100337,10 @@ interface <dfn interface>NavigationTransition</dfn> {
data-x="concept-NavigationTransition-from">from entry</dfn>, which is a
<code>NavigationHistoryEntry</code>.</p>

<p>Each <code>NavigationTransition</code> has an associated <dfn
data-x="concept-NavigationTransition-destination">destination</dfn>, which is a
<code>NavigationDestination</code>.</p>

<p>Each <code>NavigationTransition</code> has an associated <dfn
data-x="concept-NavigationTransition-committed">committed promise</dfn>, which is a promise.</p>

Expand All @@ -100349,12 +100360,21 @@ interface <dfn interface>NavigationTransition</dfn> {
<span>this</span>'s <span data-x="concept-NavigationTransition-from">from entry</span>.</p>
</div>

<div algorithm>
<p>The <dfn attribute for="NavigationTransition"><code
data-x="dom-NavigationTransition-to">to</code></dfn> getter steps are to return
<span>this</span>'s <span
data-x="concept-NavigationTransition-destination">destination</span>.</p>
</div>

<div algorithm>
<p>The <dfn attribute for="NavigationTransition"><code
data-x="dom-NavigationTransition-committed">committed</code></dfn> getter steps are to return
<span>this</span>'s <span data-x="concept-NavigationTransition-committed">committed
promise</span>.</p>
</div>

<div algorithm>
<p>The <dfn attribute for="NavigationTransition"><code
data-x="dom-NavigationTransition-finished">finished</code></dfn> getter steps are to return
<span>this</span>'s <span data-x="concept-NavigationTransition-finished">finished
Expand Down Expand Up @@ -101618,6 +101638,9 @@ interface <dfn interface>NavigationDestination</dfn> {
<dt><span data-x="concept-NavigationTransition-from">from entry</span></dt>
<dd><var>fromNHE</var></dd>

<dt><span data-x="concept-NavigationTransition-destination">destination</span></dt>
<dd><var>event</var>'s <code data-x="dom-NavigateEvent-destination">destination</code></dd>

<dt><span data-x="concept-NavigationTransition-committed">committed promise</span></dt>
<dd>a new promise created in <var>navigation</var>'s <span
data-x="concept-relevant-realm">relevant realm</span></dd>
Expand Down