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

Add support for Viewport Units #266

Open
Grumshow opened this issue May 8, 2024 · 1 comment
Open

Add support for Viewport Units #266

Grumshow opened this issue May 8, 2024 · 1 comment
Labels
enhancement New feature or request

Comments

@Grumshow
Copy link

Grumshow commented May 8, 2024

On iOS Safari (iPhone 12 Pro Max) there is a bug where the animation timeline view block is incorrect, so the animation is at 100% briefly when it is coming into view.

You can see this happening at the bottom of the page on the demo page https://scroll-driven-animations.style/ if you slowly scroll down the page on iPhone.

I believe it's an incorrect number for VH being used, based on the address bar changing height to give more screen space.
Touched on with dvh etc here https://webkit.org/blog/12445/new-webkit-features-in-safari-15-4/

Strangely doesn't seem to be an issue on iPadOS, but the address bar is at the top rather than the bottom in that instance.

I'm using the non-module script tag version if that makes a difference.

@bramus
Copy link
Collaborator

bramus commented Oct 17, 2024

The polyfill current doesn’t support viewport units.

@bramus bramus added the enhancement New feature or request label Oct 17, 2024
@bramus bramus changed the title iOS VH bug Add support for Viewport Units Oct 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants