191363 2018-11-07 07:59:10 -0800 env(safe-area-inset-top) not updated on device rotation 2023-03-30 07:13:55 -0700 1 1 1 Unclassified WebKit CSS Safari 12 iPhone / iPad iOS 12 NEW P2 Normal --- 1 d.pierangeli webkit-unassigned dheisey ik jarek thorton oldest_to_newest 1475992 0 354093 d.pierangeli 2018-11-07 07:59:10 -0800 Created attachment 354093 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) 1945327 1 ik 2023-03-30 07:13:55 -0700 As far as I can tell this works as expected now (iOS 16.4) 354093 2018-11-07 07:59:10 -0800 2018-11-07 07:59:10 -0800 test page test.htm text/html 1258 d.pierangeli PGh0bWw+DQo8aGVhZD4NCjxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZp Y2Utd2lkdGgsIG1pbmltdW0tc2NhbGU9MSwgbWF4aW11bS1zY2FsZT0xLCB1c2VyLXNjYWxhYmxl PW5vLCB2aWV3cG9ydC1maXQ9Y292ZXIiIC8+DQo8bWV0YSBuYW1lPSJhcHBsZS1tb2JpbGUtd2Vi LWFwcC1jYXBhYmxlIiBjb250ZW50PSJ5ZXMiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiN3 ZXAgew0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQp9DQoNCkBtZWRpYSBvbmx5IHNjcmVlbg0KYW5k IChkZXZpY2Utd2lkdGggOiAzNzVweCkNCmFuZCAoZGV2aWNlLWhlaWdodCA6IDgxMnB4KQ0KYW5k ICgtd2Via2l0LWRldmljZS1waXhlbC1yYXRpbyA6IDMpDQphbmQgKG9yaWVudGF0aW9uOiBwb3J0 cmFpdCkgew0KICBib2R5IHsNCiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTsNCiAgfQ0KICANCiAgQHN1 cHBvcnRzKHBhZGRpbmc6IGVudihzYWZlLWFyZWEtaW5zZXQtdG9wKSkgew0KICAgICN3ZXAgew0K ICAgICAgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsNCiAgICAgIA0KICAgICAgdG9wOiBlbnYoc2Fm ZS1hcmVhLWluc2V0LXRvcCk7DQogICAgICBsZWZ0OiAwcHg7DQogICAgICB3aWR0aDogMTAwJTsN CiAgICAgIGhlaWdodDogY2FsYygxMDAlICAtIGVudihzYWZlLWFyZWEtaW5zZXQtdG9wKSAtIGVu dihzYWZlLWFyZWEtaW5zZXQtYm90dG9tKSk7DQogICAgfQ0KICB9DQp9DQoNCkBtZWRpYSBvbmx5 IHNjcmVlbg0KYW5kIChkZXZpY2Utd2lkdGggOiAzNzVweCkNCmFuZCAoZGV2aWNlLWhlaWdodCA6 IDgxMnB4KQ0KYW5kICgtd2Via2l0LWRldmljZS1waXhlbC1yYXRpbyA6IDMpDQphbmQgKG9yaWVu dGF0aW9uOiBsYW5kc2NhcGUpIHsNCiAgQHN1cHBvcnRzKHBhZGRpbmc6IGVudihzYWZlLWFyZWEt aW5zZXQtdG9wKSkgew0KICAgIGJvZHkgew0KICAgICAgYmFja2dyb3VuZDogI2VmZWZmNDsNCiAg ICB9DQogICAgDQogICAgI3dlcCB7DQogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZWQ7DQogICAg ICANCiAgICAgIHRvcDogZW52KHNhZmUtYXJlYS1pbnNldC10b3ApOw0KICAgICAgbGVmdDogNDRw eDsNCiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgIC0gODhweCk7DQogICAgICBoZWlnaHQ6IGNhbGMo MTAwJSAtIGVudihzYWZlLWFyZWEtaW5zZXQtYm90dG9tKSk7DQogICAgfQ0KICB9DQp9DQo8L3N0 eWxlPg0KPC9oZWFkPg0KPGJvZHk+DQo8ZGl2IGlkPSJ3ZXAiPjwvZGl2Pg0KPC9ib2R5Pg0KPC9o dG1sPg==