NEW314626
[marker] Outside list marker hidden when descendant has overflow:hidden
https://bugs.webkit.org/show_bug.cgi?id=314626
Summary [marker] Outside list marker hidden when descendant has overflow:hidden
Ahmad Saleem
Reported 2026-05-12 01:10:08 PDT
Hi Team, While going through Blink's commit, I found another failing test case: Test Case: https://software.hixie.ch/utilities/js/live-dom-viewer/?saved=14721 ^ Safari Technology Preview 243 does not show bullet for second (inside to outside). Another Test Case: https://jsfiddle.net/9m62ywt4/ Blink Commit: https://chromium.googlesource.com/chromium/src.git/+/f5099b7b47d627181b682a832d0e80f775d20eae Thanks!
Attachments
testcase (1.47 KB, text/html)
2026-05-19 00:20 PDT, Karl Dubost
no flags
rendering in safari, firefox, chrome (195.61 KB, image/png)
2026-05-19 00:21 PDT, Karl Dubost
no flags
Karl Dubost
Comment 1 2026-05-19 00:20:27 PDT
Created attachment 479710 [details] testcase
Karl Dubost
Comment 2 2026-05-19 00:21:52 PDT
Created attachment 479711 [details] rendering in safari, firefox, chrome
Karl Dubost
Comment 3 2026-05-19 00:35:10 PDT
Is it really about line-break or about the bullet not being displayed?
Karl Dubost
Comment 4 2026-05-19 00:57:18 PDT
3.1 The ::marker Pseudo-Element https://drafts.csswg.org/css-lists-3/#marker-pseudo The marker box is generated by the ::marker pseudo-element of a list item **as the list item's first child**, before the ::before pseudo-element (if it exists on the element). 3.5 The list-style-position property — outside https://drafts.csswg.org/css-lists-3/#list-style-position-property If the list item is a block container: the marker box is a block container and **is placed outside the principal block box**; however, the position of the list-item marker adjacent to floats is undefined. CSS does not specify the precise location of the marker box or its position in the painting order, but does require that it be placed on the inline-start side of the box, using the writing mode of the box indicated by marker-side. **The marker box is fixed with respect to the principal block box's border and does not scroll with the principal box's content.** A UA may hide the marker if the element's overflow is other than visible. (This allowance may change in the future)
Radar WebKit Bug Importer
Comment 5 2026-05-19 01:11:11 PDT
Karl Dubost
Comment 6 2026-05-19 01:45:56 PDT
Karl Dubost
Comment 7 2026-05-19 07:58:21 PDT
This partially solves the issue but not by redesigning the full set of issues related to markers. Closing the PR.
Note You need to log in before you can comment on or make changes to this bug.