Skip to content

Bug: ViewTransition can't be isolated #35447

@istarkov

Description

@istarkov

React version:
"react": "19.2.3",
"react-dom": "19.2.3",

Steps To Reproduce

I have a Dialog wrapped with ViewTransition. Inside the dialog I’m using the Streamdown library.

Streamdown updates its blocks using startTransition. As a result, view transitions keep triggering while Streamdown is streaming.

It seems like there’s no way to isolate part of the tree so that startTransition inside the dialog doesn’t trigger transitions outside of it.

I can’t disable ViewTransition on the dialog during streaming, because the dialog needs the close animation.

I think view transitions must be executed somehow explicitly and not via startTransition itself.
Or I need a way like

<Isolate>
  ...startTransitions here would not cause view transitions to start
</Isolate>

PS: addTransitionType
And

::view-transition-group(*) {
  animation-duration: 0ms;
  animation: none;
}
...
:root:active-view-transition-type(video-grid-dialog) {
...
}

doesn't help, chrome flickers anyway

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: UnconfirmedA potential issue that we haven't yet confirmed as a bug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions