Telegram-iOS icon indicating copy to clipboard operation
Telegram-iOS copied to clipboard

Misreporting of dynamic css units

Open XantreDev opened this issue 1 year ago • 0 comments

Checklist

  • [x] I am reporting an issue in existing functionality that does not work as intended
  • [x] I've searched for existing GitHub issues

Description

CSS dynamic viewport units work incorrectly. lvh, svh shouldn't change

Expected Behavior

lvh and svh is static

Actual Behavior

lvh = svh = dvh

Steps to Reproduce

  1. Create screen that has height:100lvh
  2. Position element in center
  3. Scroll
  4. Cumulative layout shift occurs when screen resize

Demo

More context

Screenshots and Videos

https://github.com/user-attachments/assets/7647a134-2972-4b11-8a03-6a4530fea431

Environment

Device: iPhone 13 Pro

iOS version: 17.6

App version: 11.1

XantreDev avatar Sep 16 '24 16:09 XantreDev