ViewTransition: transitionRoot property

Limited availability

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

The transitionRoot read-only property of the ViewTransition interface is a reference to the root Element of the view transition scope.

Value

An Element.

For document-scoped view transitions, transitionRoot will be a reference to the Document.documentElement property, which for standard web documents is a reference to the <html> element.
For element-scoped view transitions, transitionRoot will be a reference to the Element that startViewTransition() was called on to create the view transition.

Examples

Basic usage

const myElement = document.querySelector(".my-element");

// ...

function handleVT() {
  const vt = myElement.startViewTransition(() => {
    updateDOMSomehow();
  });

  // ...

  // Returns reference to myElement
  vt.transitionRoot;
}