-
Notifications
You must be signed in to change notification settings - Fork 658
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
[css-view-transitions] view transitions to customize the appearance of entering/exiting fullscreen? #10609
Comments
Yea. We need a new opt-in to do a same-document ViewTransition for the fullscreen case. Authors can't do it using the There's also the problem that we currently abort transitions if the "snapshot containing block" size changes here. Instead likely the cached transforms need to be adjusted so the elements stay-in-place when the viewport size changes. |
Nice idea!
Why not?
Note that an element becomes full-screen, not a document. Perhaps this would work better with element-scoped transitions? I think we can find a way to deal with the changes SCB. |
Not super enthusiastic of giving up UA control of this transition, especially given different platforms may have different ideas how fullscreen works. |
requestFullscreen() is async. It's not necessary that the next frame after the update callback runs is a fullscreen frame. There's also the fact that exiting fullscreen can be triggered using browser/OS UI.
+1. We have to for most use-cases of element-scoped transitions. Just wanted to point that this is also a dependency.
Happy to hear the details on the kind of control you think the UA should keep. We have heard this feature request from other developers as well, being able to animate elements when the layout changes is helpful in re-orienting users. |
With the full screen API we can take any DOM element and request it to be displayed full screen.
This works great but the transition often looks very bad.
example : https://www.maison-osain.com/projects/house-linaza/ (look for
VIEW FULLSCREEN
)Firefox:
Firefox.mp4
Safari:
Safari.mp4
Chrome does better as it doesn't try to animate these.
It just does a hard cut to full screen mode.
Is this something that (in theory) could be improved and customized with view transitions?
The text was updated successfully, but these errors were encountered: