292552 2025-05-05 09:26:01 -0700 [css-anchor-position-1] Anchor positioning on pseudo elements does not work 2025-06-13 16:34:58 -0700 1 1 1 Unclassified WebKit CSS Safari Technology Preview Unspecified Unspecified RESOLVED DUPLICATE 293625 InRadar P2 Normal --- 291856 1 slipped-gazette.0w webkit-unassigned fantasai.bugs kiet.ho koivisto webkit-bug-importer oldest_to_newest 2115125 0 475140 slipped-gazette.0w 2025-05-05 09:26:01 -0700 Created attachment 475140 Test using `position-anchor` and `position-area` on an `::after` pseudo-element Using anchor position properties or the `anchor()` function on pseudo elements has no effect. Tested in Safari TP 218. Works as expected in Chromium browsers. 2116502 1 webkit-bug-importer 2025-05-12 09:26:13 -0700 <rdar://problem/151152788> 2123612 2 fantasai.bugs 2025-06-13 15:05:44 -0700 I believe this was fixed by https://github.com/WebKit/WebKit/pull/46201 2123638 3 kiet.ho 2025-06-13 16:34:41 -0700 Confirmed that this works in 296210@main. 2123639 4 kiet.ho 2025-06-13 16:34:58 -0700 *** This bug has been marked as a duplicate of bug 293625 *** 475140 2025-05-05 09:26:01 -0700 2025-05-05 09:26:01 -0700 Test using `position-anchor` and `position-area` on an `::after` pseudo-element anchor-positioned-pseudo-element-test.html text/html 605 slipped-gazette.0w PCFET0NUWVBFIGh0bWw+CjxodG1sPgoJPGhlYWQ+CgkgICAgPG1ldGEgY2hhcnNldD0iVVRGLTgi PgoJICAgIDxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgs IGluaXRpYWwtc2NhbGU9MS4wIj4KCSAgICA8dGl0bGU+QW5jaG9yIHBvc2l0aW9uZWQgcHNldWRv IGVsZW1lbnQgdGVzdDwvdGl0bGU+CgkJCTxzdHlsZT4KCQkJCWRpdiB7CgkJCQkJYW5jaG9yLW5h bWU6IC0tYTsKCQkJCQlhc3BlY3QtcmF0aW86IDE7CgkJCQkJd2lkdGg6IDUwcHg7CgkJCQkJYmFj a2dyb3VuZC1jb2xvcjogcmVkOwoJCQkJfQoKCQkJCWRpdjo6YWZ0ZXIgewoJCQkJCWNvbnRlbnQ6 ICIiOwoJCQkJCXBvc2l0aW9uOiBhYnNvbHV0ZTsKCQkJCQlwb3NpdGlvbi1hbmNob3I6IC0tYTsK CQkJCQlwb3NpdGlvbi1hcmVhOiBjZW50ZXI7CgkJCQkJcGxhY2Utc2VsZjogc3RyZXRjaDsKCQkJ CQliYWNrZ3JvdW5kLWNvbG9yOiBncmVlbjsKCQkJCX0KCQkJPC9zdHlsZT4KCTwvaGVhZD4KCTxi b2R5PgoJCTxwPlRlc3Qgc3VjY2Vzc2Z1bCBpZiBhIGdyZWVuIGJveCBpcyBzaG93biBiZWxvdy48 L3A+CgkJPGRpdj48L2Rpdj4KCTwvYm9keT4KPC9odG1sPgo=