ViewTransition: updateCallbackDone property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The updateCallbackDone read-only property of the ViewTransition interface is a Promise that fulfills when the promise returned by the document.startViewTransition()'s callback fulfills, or rejects when it rejects.

updateCallbackDone is useful when you don't care about the success/failure of the transition animation, and just want to know if and when the DOM is updated.

Value

A Promise.

Examples

js
// start new view transition
const transition = document.startViewTransition(() => displayNewImage());

transition.updateCallbackDone.then(() => {
  // Respond to the DOM being updated successfully
});

See Transitions as an enhancement for a useful example.

Specifications

Specification
CSS View Transitions Module Level 1
# dom-viewtransition-updatecallbackdone

Browser compatibility

desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
updateCallbackDone
Experimental

See also