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

iOS VH bug #266

Open
Grumshow opened this issue May 8, 2024 · 0 comments
Open

iOS VH bug #266

Grumshow opened this issue May 8, 2024 · 0 comments

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant