244494 2022-08-29 05:45:19 -0700 Scrollbar doesn't update on CSS color-scheme change 2023-07-20 03:02:21 -0700 1 1 1 Unclassified WebKit CSS Safari 15 Mac (Apple Silicon) macOS 12 RESOLVED FIXED https://github.com/web-platform-tests/wpt/pull/40737 InRadar P2 Normal --- 258485 1 maros.pis webkit-unassigned akeerthi info lwarlow mmaxfield simon.fraser timothy webkit-bug-importer oldest_to_newest 1894504 0 461974 maros.pis 2022-08-29 05:45:19 -0700 Created attachment 461974 Bug example When "color-scheme" change from "light" to "dark" and vice versa colors of scrollbar aren't updated. It seems like element reflow/repaint is missing. I created jsfiddle which displays this issue. Colors are updated only after hover over scrollbar or in case scrollbar is rendered due "overflow:auto" force-reflow hack fix it too but it didn't work if scrollbar came from "overflow:scroll". Steps to reproduce in example 1. Open in Safari 2. Click "Toggle theme - dark" button - page should change background color to blue but scrollbars should stay same as on yellow (white bg with grey slider) 3. Click "Force reflow" - top block with Lorem ipsum should change scrollbar colour to be semi-transparent (low opacity dark bg and grey slider), but lower block with horizontal & vertical scrollbar should stay same 4. Hover over scrollbars of bottom Lorem ipsum - scrollbars should turn to semi-transparend but bottom right edge should stay white Example in attachement & in JSFiddle https://jsfiddle.net/marospistej/vj9tf2on/41/ Issue is only present on Safari, all Chrome, FF change scrollbar color as expected even without reflow Expected behaviour: When "color-scheme" change scrollbars should update 1894510 1 maros.pis 2022-08-29 06:49:16 -0700 It's also necessary to set "Show scroll bars" to "Always" in Settings > General 1895770 2 info 2022-09-02 06:21:25 -0700 Happens on macOS Ventura as well. 1896320 3 webkit-bug-importer 2022-09-05 05:46:17 -0700 <rdar://problem/99567600> 1963421 4 lwarlow 2023-06-23 14:46:59 -0700 Pull request: https://github.com/WebKit/WebKit/pull/15264 1963481 5 lwarlow 2023-06-24 09:40:51 -0700 See also URL: https://github.com/web-platform-tests/wpt/pull/40737 (I don't have permission to edit the bug) 1967443 6 ews-feeder 2023-07-20 03:02:19 -0700 Committed 266176@main (044d44c8940b): <https://commits.webkit.org/266176@main> Reviewed commits have been landed. Closing PR #15264 and removing active labels. 461974 2022-08-29 05:45:19 -0700 2022-08-29 05:46:39 -0700 Bug example file_244494.html text/html 2178 maros.pis PGh0bWw+DQoNCiAgPGhlYWQ+DQogICAgPHN0eWxlPg0KICAgICAgYm9keT5kaXYgew0KICAgICAg ICBtYXJnaW46IDE1cHggMDsNCiAgICAgIH0NCg0KICAgICAgLmxpZ2h0IHsNCiAgICAgICAgY29s b3Itc2NoZW1lOiBsaWdodDsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogeWVsbG93Ow0KICAg ICAgICBjb2xvcjogYmxhY2s7DQogICAgICB9DQoNCiAgICAgIC5kYXJrIHsNCiAgICAgICAgY29s b3Itc2NoZW1lOiBkYXJrOw0KICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOw0KICAgICAg ICBjb2xvcjogd2hpdGU7DQogICAgICB9DQoNCiAgICAgICNjb250ZW50X2F1dG8gew0KICAgICAg ICBoZWlnaHQ6IDIwMHB4Ow0KICAgICAgICBvdmVyZmxvdzogYXV0bzsNCiAgICAgIH0NCg0KICAg ICAgI2NvbnRlbnRfc2Nyb2xsIHsNCiAgICAgICAgaGVpZ2h0OiAyMDBweDsNCiAgICAgICAgb3Zl cmZsb3c6IHNjcm9sbDsNCiAgICAgIH0NCg0KICAgIDwvc3R5bGU+DQogIDwvaGVhZD4NCg0KICA8 Ym9keSBpZD0idGVzdF9ib2R5IiBjbGFzcz0ibGlnaHQiPg0KICAgIDxidXR0b24gaWQ9InRvZ2ds ZV9idXR0b24iIG9uY2xpY2s9ImhhbmRsZU9uQ2xpY2soKSI+DQogICAgICBUb2dnbGUgdGhlbWUg LSBkYXJrDQogICAgPC9idXR0b24+DQogICAgPGJ1dHRvbiBvbmNsaWNrPSJoYW5kbGVSZWZsb3co KSI+DQogICAgICBGb3JjZSByZWZsb3cNCiAgICA8L2J1dHRvbj4NCiAgICA8ZGl2IGlkPSJjb250 ZW50X2F1dG8iPjwvZGl2Pg0KICAgIDxkaXYgaWQ9ImNvbnRlbnRfc2Nyb2xsIj48L2Rpdj4NCiAg PC9ib2R5Pg0KICA8c2NyaXB0Pg0KICAgIGNvbnN0IGxvcmVtID0gIkxvcmVtIGlwc3VtIGRvbG9y IHNpdCwgYW1ldCBjb25zZWN0ZXR1ciBhZGlwaXNpY2luZyBlbGl0LiBQYXJpYXR1ciBtb2RpIGV4 IGl0YXF1ZSBsYWJvcmUgbW9sZXN0aWFzIHZlcml0YXRpcyBwb3JybyBpcHN1bSwgbWludXMgc3Vz Y2lwaXQgZG9sb3JlbSBtb2xsaXRpYSBmdWdpYXQgcmVtIGV4Y2VwdHVyaSBibGFuZGl0aWlzIGRv bG9yZXMgZXN0IG5lY2Vzc2l0YXRpYnVzIG5paGlsIG1hZ25pLjwvYnI+Ig0KICAgIGxldCBpc0Rh cmtNb2RlID0gZmFsc2UNCiAgICBjb25zdCBib2R5RWxlbWVudCA9IGRvY3VtZW50LmJvZHkNCiAg ICBjb25zdCB0b2dnbGVCdXR0b25FbGVtZW50ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3Rv Z2dsZV9idXR0b24nKQ0KICAgIGNvbnN0IGNvbnRlbnRBdXRvID0gZG9jdW1lbnQuZ2V0RWxlbWVu dEJ5SWQoJ2NvbnRlbnRfYXV0bycpDQogICAgY29uc3QgY29udGVudFNjcm9sbCA9IGRvY3VtZW50 LmdldEVsZW1lbnRCeUlkKCdjb250ZW50X3Njcm9sbCcpDQoNCiAgICBmb3IgKGxldCBpID0gMDsg aSA8IDUwOyBpKyspIHsNCiAgICAgIGNvbnRlbnRBdXRvLmlubmVySFRNTCArPSBsb3JlbQ0KICAg ICAgY29udGVudFNjcm9sbC5pbm5lckhUTUwgKz0gbG9yZW0NCiAgICB9DQoNCiAgICBjb25zdCBo YW5kbGVSZWZsb3cgPSAoKSA9PiB7DQogICAgICBjb25zdCB0YXJnZXQgPSBib2R5RWxlbWVudA0K ICAgICAgY29uc3Qgb3JpZ2luYWxXaWR0aCA9IHRhcmdldC5zdHlsZS53aWR0aA0KICAgICAgdGFy Z2V0LnN0eWxlLndpZHRoID0gJzAnDQogICAgICB0YXJnZXQub2Zmc2V0V2lkdGgNCiAgICAgIHRh cmdldC5zdHlsZS53aWR0aCA9IG9yaWdpbmFsV2lkdGgNCiAgICB9DQoNCiAgICBjb25zdCBoYW5k bGVPbkNsaWNrID0gKCkgPT4gew0KICAgICAgaWYgKGlzRGFya01vZGUpIHsNCiAgICAgICAgYm9k eUVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZSgnZGFyaycpDQogICAgICAgIGJvZHlFbGVtZW50LmNs YXNzTGlzdC5hZGQoJ2xpZ2h0JykNCiAgICAgICAgaXNEYXJrTW9kZSA9IGZhbHNlDQogICAgICAg IHRvZ2dsZUJ1dHRvbkVsZW1lbnQuaW5uZXJIVE1MID0gIlRvZ2dsZSB0aGVtZSAtIGRhcmsiDQoN CiAgICAgIH0gZWxzZSB7DQogICAgICAgIGJvZHlFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ2xp Z2h0JykNCiAgICAgICAgYm9keUVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnZGFyaycpDQogICAgICAg IGlzRGFya01vZGUgPSB0cnVlDQogICAgICAgIHRvZ2dsZUJ1dHRvbkVsZW1lbnQuaW5uZXJIVE1M ID0gIlRvZ2dsZSB0aGVtZSAtIGxpZ2h0Ig0KICAgICAgfQ0KICAgIH0NCg0KICA8L3NjcmlwdD4N Cg0KPC9odG1sPg0K