302272 2025-11-10 09:42:22 -0800 Scroll pocket tint changes when position: fixed elements are shown (eg dialog/popover) 2025-11-12 21:48:25 -0800 1 1 1 Unclassified WebKit Layout and Rendering Safari 26 iPhone / iPad iOS 26 RESOLVED DUPLICATE 300965 InRadar P2 Normal --- 1 contact webkit-unassigned bfulgham koivisto ntim simon.fraser webkit-bug-importer wenson_hsieh zalan oldest_to_newest 2157693 0 477350 contact 2025-11-10 09:42:22 -0800 Created attachment 477350 reduction of issue Currently, iOS 26.1, if a page has a dialog or popover element (or any fixed position element), when that item is shown, the background of that dialog/popover, overwrites the color of the theme-color/color tint background. See attached reduction on iPhone/iPad and click the button. Notice how the tint area changes. 2158108 1 simon.fraser 2025-11-11 17:35:45 -0800 Are you just talking about the dimming caused by &::backdrop { background-color: rgb(0 0 0 / 10%); } or something more? 2158174 2 contact 2025-11-11 23:50:15 -0800 (In reply to Simon Fraser (smfr) from comment #1) > Are you just talking about the dimming caused by > > &::backdrop { > background-color: rgb(0 0 0 / 10%); > } > > > or something more? More. If you look on Safari esp. on ios, more noticeable if a web app page because the ‘forehead’ and ‘chin’ change colour as the popover shows 2158361 3 simon.fraser 2025-11-12 14:52:21 -0800 Right, the dimming overlay doesn't cover the forehead and chin, which is really a Safari UI design issue. 2158362 4 contact 2025-11-12 15:00:02 -0800 (In reply to Simon Fraser (smfr) from comment #3) > Right, the dimming overlay doesn't cover the forehead and chin, which is > really a Safari UI design issue. Well it’s actually worse than that. Not only doesn’t the overlay/backdrop cover the forehead/chin — the forehead and chin change colour to be the same color as the background of the fixed element, not the background of the body 2158374 5 webkit-bug-importer 2025-11-12 16:05:26 -0800 <rdar://problem/164594155> 2158443 6 wenson_hsieh 2025-11-12 21:48:25 -0800 This is fixed after https://commits.webkit.org/301911@main *** This bug has been marked as a duplicate of bug 300965 *** 477350 2025-11-10 09:42:22 -0800 2025-11-10 09:42:22 -0800 reduction of issue index.html text/html 1406 contact PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICAgIDxoZWFkPgogICAgICAgIDxtZXRh IGNoYXJzZXQ9IlVURi04IiAvPgogICAgICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50 PSJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wIiAvPgogICAgICAgIDx0aXRs ZT5SV0QuZWR1Y2F0aW9uIGV4YW1wbGUgb2YgUG9wb3ZlciBBUEk8L3RpdGxlPgogICAgICAgIDxt ZXRhIG5hbWU9InRoZW1lLWNvbG9yIiBjb250ZW50PSIjMjU2ODUwIiAvPgogICAgICAgIDxzdHls ZT4KICAgICAgICAgICAgYm9keSB7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjY2ZmMjhhOwp9Cgou cGFyYWdyYXBoIHsKICAgIGZvbnQtc2l6ZTogMS41cmVtOwogICAgZm9udC1mYW1pbHk6ICJTZWdv ZSBVSSIsIFRhaG9tYSwgR2VuZXZhLCBWZXJkYW5hLCBzYW5zLXNlcmlmOwogICAgY29sb3I6ICM1 NTU7Cn0KCi5idG4gewogICAgZGlzcGxheTogaW5saW5lLWdyaWQ7CiAgICBmb250LXNpemU6IGlu aGVyaXQ7CiAgICBwbGFjZS1jb250ZW50OiBjZW50ZXI7CiAgICBib3JkZXItcmFkaXVzOiA1cHg7 CiAgICBiYWNrZ3JvdW5kOiBub25lOwogICAgYm9yZGVyOiAycHggc29saWQgIzY2OTkwMTsKfQoK W3BvcG92ZXJdIHsKICAgIGluc2V0OiB1bnNldDsKICAgIG1hcmdpbjogMDsKICAgIHBvc2l0aW9u OmZpeGVkOwp9CgoucG9wb3Zlci1jb250ZW50IHsKICAgIHRvcDogY2FsYygxMHB4ICsgYW5jaG9y KGJvdHRvbSkpOwogICAgcG9zaXRpb24tYXJlYTogYmxvY2stZW5kIHNwYW4taW5saW5lLWVuZDsK ICAgIGJvcmRlci1yYWRpdXM6IDIwcHg7CiAgICBwYWRkaW5nOiAxMHB4IDIwcHg7CiAgICBmb250 LXNpemU6IDAuOGVtOwogICAgYm9yZGVyOiAycHggc29saWQgI2JiYjsKICAgICY6OmJhY2tkcm9w IHsKICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMCAwIDAgLyAxMCUpOwogICAgfQp9Cgog ICAgICAgIDwvc3R5bGU+CiAgICA8L2hlYWQ+CiAgICA8Ym9keT4KICAgICAgICA8cCBjbGFzcz0i cGFyYWdyYXBoIj4KICAgICAgICAgICAgSXMgJ0tpbGxlcnMgb2YgdGhlIEZsb3dlciBNb29uJyBv bmUgb2YgdGhlIG1vc3QgYm9yaW5nIGFuZCBvdmVycmF0ZWQKICAgICAgICAgICAgZmlsbXMgZXZl ciBtYWRlPwogICAgICAgICAgICA8YnV0dG9uIGNsYXNzPSJidG4iIHBvcG92ZXJ0YXJnZXQ9ImFu c3dlciI+WWVzL05vPC9idXR0b24+CiAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJwb3BvdmVyLWNv bnRlbnQiIGlkPSJhbnN3ZXIiIHBvcG92ZXI+CiAgICAgICAgICAgICAgICBZZXMhIEl0IHdhcyAy MDYgbWludXRlcyBvZiBteSBsaWZlIEknbGwgbmV2ZXIgZ2V0IGJhY2sKICAgICAgICAgICAgPC9z cGFuPgogICAgICAgIDwvcD4KICAgIDwvYm9keT4KPC9odG1sPgo=