Bug 191363

Summary:

env(safe-area-inset-top) not updated on device rotation

Product:

WebKit

Reporter:

d.pierangeli

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

dheisey, ik, jarek, thorton

Priority:

Version:

Safari 12

Hardware:

iPhone / iPad

OS:

iOS 12

Attachments:

Description	Flags
test page	none

d.pierangeli

Reported 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)

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

Comment 1 2023-03-30 07:13:55 PDT

As far as I can tell this works as expected now (iOS 16.4)

Note You need to log in before you can comment on or make changes to this bug.