Skip to content
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.

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

[view-transition-name]Serious blocking error occurred with multiple view-Transition-names! #9682

Closed
fslflame opened this issue Dec 6, 2023 · 3 comments
Labels
css-view-transitions-1 View Transitions; Bugs only

Comments

@fslflame
Copy link

fslflame commented Dec 6, 2023

If multiple view-transition-name usage scenarios exist on the page

When you go through a transition state of a view. If any other view-transition-name animation-duration is longer than the one currently being executed, then the current transition state will be blocked. This bug is pretty obvious. Recommended repair. In addition, I propose that if the current page has multiple view-transition-names, it is recommended that one of them be overdone and the others not overdone be left in place rather than run together.
image
image
Uploading image.png…

When the transition for 4s is completed by root, other elements that do not trigger the transition are also transitioning, such as item, then 5s of item will cause the page to freeze.!!!!!!

@fslflame
Copy link
Author

fslflame commented Dec 6, 2023

Uploading demo.zip…

This is a minimal bug reproduction demo with only one html page

@fslflame fslflame changed the title Serious blocking error occurred with multiple view-Transition-names! [view-transition-name]Serious blocking error occurred with multiple view-Transition-names! Dec 6, 2023
@nt1m nt1m added the css-view-transitions-1 View Transitions; Bugs only label Dec 13, 2023
@khushalsagar
Copy link
Member

@fslflame apologies but I'm not able to follow the problem you're facing. It sounds like you have the view-transition-name property set on multiple elements for different transitions. But all of them are applied whenever you call startViewTransition. Is that right?

If that's the issue then you can use an approach described in changing the transition depending on the type of navigation. We also have a feature in progress to help with this, type.

Please let me know if I misunderstood your problem.

@khushalsagar
Copy link
Member

Closing this issue but feel free to reopen with additional inputs.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
css-view-transitions-1 View Transitions; Bugs only
Projects
None yet
Development

No branches or pull requests

3 participants