Bug 191363 - env(safe-area-inset-top) not updated on device rotation
Summary: env(safe-area-inset-top) not updated on device rotation
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 12
Hardware: iPhone / iPad iOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-11-07 07:59 PST by d.pierangeli
Modified: 2023-03-30 07:13 PDT (History)
4 users (show)

See Also:

Attachments
test page (1.23 KB, text/html)
2018-11-07 07:59 PST, d.pierangeli 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description d.pierangeli 2018-11-07 07:59:10 PST 
Created attachment 354093 [details]
test page

Bug for IphoneX, XR, XS, XSMax

If the linked page is opened in a webview or full screen safari uses viewport-fit=cover and the main DIV is positioned in top: env(safe-area-inset-top); (eg: 30px - notch)

When the device rotates the media query has the same value, but the div is not at 0px but at the notch position.

I was expecting that the variable changed value at rotation.

(the linked page uses iphoneX-XS media queries)
Comment 1 ik 2023-03-30 07:13:55 PDT 
As far as I can tell this works as expected now (iOS 16.4)