Re: [csswg-drafts] [scroll-animations-1] Allow specifying small/large viewport for ViewTimelines that use the root viewport as scrollport (#11615)

TBH, I’m fine with a jump in animation as the viewport changes. It’s inherent to a resize, which can also happen on desktop if a user does it.

That said, I’m wondering if we could reuse the `view-timeline-inset` for this somehow. I tried hacking my way into this by dynamically updating the inset based on which viewport is currently being used: https://codepen.io/bramus/pen/GgKeEXv/021f4a9770af6613ea6edb57c61b2cf9

While I can calculate the difference between the large and small viewports and adjust the offsets dynamically based off of that, there’s also the issue that the origin of the viewport relative to the entire screen changes as the viewport size changes. So ideally, you’d have adjust a bit at the top and bit at the bottom in order to get non-jumpy behavior.

I think you can get to it using the new `safe-area-max-inset-bottom` but I have not dug into that _(yet)_.

-- 
GitHub Notification of comment by bramus
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11615#issuecomment-2626013656 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 31 January 2025 00:28:13 UTC