239868 2022-04-28 13:30:09 -0700 [:has() pseudo-class] is flaky when passing a selector that contains :empty 2025-09-09 06:04:37 -0700 1 1 1 Unclassified WebKit CSS Safari 15 All All NEW BrowserCompat, InRadar P2 Normal --- 227702 1 brsil webkit-unassigned ahmad.saleem792 christian koivisto lwarlow ntim simon.fraser webkit-bug-importer oldest_to_newest 1865241 0 458545 brsil 2022-04-28 13:30:09 -0700 Created attachment 458545 Test page showing the issue where :has() is not triggering a update While using the pseudo class selector :has() in combination with the ::after pseudo-element and passing a selector to the :has that contains the :empty pseudo class I get a flaky behavior where making a change that would make the selector passed to the :has() be invalid does not actually invalidate the selector that has the :has() resulting in a flaky behavior. To see the behavior in action on the attached test page do the following steps: 1. Click on the add child button 1.1. You should see a child that is not empty and has a random number or, 1.2. A child that has no content and the text "::after text" is displayed from the ::after element on the parent 2. If you got a empty child now click on the add text button Expected: The child is now not empty therefore the selector ".parent:has(.child:only-child:empty)::after" is invalid and the "::after text" should disappear from the parent element Currently: The "::after text" is still present on the parent and has no selector matching it 1865273 1 webkit-bug-importer 2022-04-28 15:43:56 -0700 <rdar://problem/92492066> 1872731 2 koivisto 2022-05-30 05:12:57 -0700 Seems more of a layout update issue than style, resizing the page makes the bug go away. 1926578 3 christian 2023-01-19 05:05:01 -0800 I see the same thing. Trying to hide a wrapper-div if no ad is injected in it. This doesn't work, although the correct :has() style is set on the wrapper, if you look in the inspector, the style isn't applied before a repaint is forced. 1926596 4 koivisto 2023-01-19 06:31:57 -0800 Actually I think we lack :has() aware invalidation for :empty. 1926815 5 christian 2023-01-19 23:22:28 -0800 (In reply to Antti Koivisto from comment #4) > Actually I think we lack :has() aware invalidation for :empty. I did some further tests, and I think you're right. 458545 2022-04-28 13:30:09 -0700 2022-04-28 16:10:21 -0700 Test page showing the issue where :has() is not triggering a update file_239868.html text/html 1694 brsil PCFET0NUWVBFIGh0bWw+DQo8aHRtbCBsYW5nPSJlbiI+DQogIDxoZWFkPg0KICAgIDxtZXRhIGNo YXJzZXQ9IlVURi04IiAvPg0KICAgIDx0aXRsZT46aGFzKCkgaXNzdWU8L3RpdGxlPg0KICAgIDxz dHlsZT4NCiAgICAgICNjb250ZW50IHsNCiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsN CiAgICAgIH0NCg0KICAgICAgLnBhcmVudCB7DQogICAgICAgIGJhY2tncm91bmQtY29sb3I6IGZ1 Y2hzaWE7DQogICAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgICBmb250LXNpemU6IDJlbTsNCiAg ICAgIH0NCg0KICAgICAgYnV0dG9uIHsNCiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAg ICAgICB3aWR0aDogMTAwJTsNCiAgICAgIH0NCg0KICAgICAgLnBhcmVudDpoYXMoLmNoaWxkOm9u bHktY2hpbGQ6ZW1wdHkpOjphZnRlciB7DQogICAgICAgIGNvbnRlbnQ6ICI6OmFmdGVyIHRleHQi Ow0KICAgICAgICBjb2xvcjogeWVsbG93Ow0KICAgICAgfQ0KICAgIDwvc3R5bGU+DQogIDwvaGVh ZD4NCiAgPGJvZHk+DQogICAgPGRpdiBpZD0iY29udGVudCIgY29udGVudGVkaXRhYmxlPSJ0cnVl Ij48L2Rpdj4NCiAgICA8YnV0dG9uIGlkPSJhZGRDaGlsZCI+QWRkIGNoaWxkPC9idXR0b24+DQog ICAgPGJ1dHRvbiBpZD0iYWRkVGV4dCI+QWRkIHRleHQ8L2J1dHRvbj4NCiAgICA8c2NyaXB0Pg0K ICAgICAgY29uc3QgY29udGVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJjb250ZW50Iik7 DQogICAgICBjb25zdCBhZGRDaGlsZCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJhZGRDaGls ZCIpOw0KICAgICAgY29uc3QgYWRkVGV4dCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJhZGRU ZXh0Iik7DQoNCiAgICAgIGFkZENoaWxkLmFkZEV2ZW50TGlzdGVuZXIoImNsaWNrIiwgKGV2KSA9 PiB7DQogICAgICAgIGNvbnN0IHBhcmFncmFwaCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoImRp diIpOw0KICAgICAgICBjb25zdCBjaGlsZCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoInNwYW4i KTsNCg0KICAgICAgICBjb25zdCBudW1iZXIgPSBNYXRoLnJhbmRvbSgpOw0KDQogICAgICAgIGlm IChudW1iZXIgPiAwLjUpIHsNCiAgICAgICAgICBjaGlsZC5pbm5lclRleHQgPSBudW1iZXIgKyAi IjsNCiAgICAgICAgfQ0KDQogICAgICAgIHBhcmFncmFwaC5jbGFzc0xpc3QuYWRkKCJwYXJlbnQi KTsNCiAgICAgICAgY2hpbGQuY2xhc3NMaXN0LmFkZCgiY2hpbGQiKTsNCg0KICAgICAgICBwYXJh Z3JhcGguYXBwZW5kQ2hpbGQoY2hpbGQpOw0KICAgICAgICBjb250ZW50LmFwcGVuZENoaWxkKHBh cmFncmFwaCk7DQogICAgICB9KTsNCg0KICAgICAgYWRkVGV4dC5hZGRFdmVudExpc3RlbmVyKCJj bGljayIsIChldikgPT4gew0KICAgICAgICBjb25zdCBjaGlsZHJlbiA9IGRvY3VtZW50LmdldEVs ZW1lbnRzQnlDbGFzc05hbWUoImNoaWxkIik7DQogICAgICAgIGlmIChjaGlsZHJlbi5sZW5ndGgg PiAwKSB7DQogICAgICAgICAgY29uc3QgbGFzdENoaWxkID0gY2hpbGRyZW5bY2hpbGRyZW4ubGVu Z3RoIC0gMV07DQogICAgICAgICAgY29uc3QgbnVtYmVyID0gTWF0aC5yYW5kb20oKTsNCiAgICAg ICAgICBsYXN0Q2hpbGQuaW5uZXJUZXh0ID0gbnVtYmVyICsgIiI7DQogICAgICAgIH0NCiAgICAg IH0pOw0KICAgIDwvc2NyaXB0Pg0KICA8L2JvZHk+DQo8L2h0bWw+DQo=