NavigationTransition
Baseline
2026
Newly available
Since January 2026, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
The NavigationTransition interface of the Navigation API represents an ongoing navigation — a navigation that hasn't yet reached the navigatesuccess or navigateerror stage.
It is accessed via the Navigation.transition property.
Note that this property is only populated while the intercept() handler is unresolved (i.e., during a navigation interception), and is otherwise null.
Instance properties
finishedRead only-
Returns a
Promisethat fulfills at the same time thenavigatesuccessevent fires, or rejects at the same time thenavigateerrorevent fires. fromRead only-
Returns the
NavigationHistoryEntrythat the transition is coming from. -
Returns the type of the ongoing navigation.
toRead only-
Returns the
NavigationDestinationthat the transition is navigating to.
Examples
js
async function cleanupNavigation() {
await navigation.transition.finished;
// Navigation has completed successfully
// Cleanup any ongoing monitoring
}
Specifications
| Specification |
|---|
| HTML # navigationtransition |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
NavigationTransition
|
|
|
|
|
|
|
|
|
|
|
|
|
committed
|
|
|
|
|
|
|
|
|
|
|
|
|
finished
|
|
|
|
|
|
|
|
|
|
|
|
|
from
|
|
|
|
|
|
|
|
|
|
|
|
|
navigationType
|
|
|
|
|
|
|
|
|
|
|
|
|
to
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.