249918 2022-12-27 20:49:59 -0800 [WPT] css/css-lists/list-marker-symbol-bidi.html with "unicode-bidi: plaintext" may have incorrect expected rendering 2023-11-30 15:52:43 -0800 1 1 1 Unclassified WebKit Layout and Rendering WebKit Nightly Build Unspecified Unspecified NEW https://bugs.webkit.org/show_bug.cgi?id=249899 http://wpt.live/css/css-lists/list-marker-symbol-bidi.html BrowserCompat, InRadar, WPTImpact P2 Normal --- 1 zalan webkit-unassigned ahmad.saleem792 bfulgham obrufau simon.fraser webkit-bug-importer zalan oldest_to_newest 1922056 0 zalan 2022-12-27 20:49:59 -0800 <style> ul { direction: rtl; } li { outline: 1px solid; } img { width: 10px; height: 10px; background-color: blue; } </style> <div style="width: 200px; border: 1px solid;"> <ul dir="rtl"> <li style="unicode-bidi: plaintext"><img></li> </ul> <ul dir="rtl"> <li style="direction: ltr; text-align: right"><img></li> </ul> </div> shouldn't both lines produce the list marker at the same (horizontal) position? 1922791 1 webkit-bug-importer 2023-01-03 20:50:17 -0800 <rdar://problem/103859351> 1922833 2 obrufau 2023-01-04 03:35:47 -0800 https://drafts.csswg.org/css-lists/#marker-side marker-side defaults to match-self, i.e. > The marker box is positioned using the directionality of the ::marker’s originating element. So since the 1st <li> has direction:rtl, then its ::marker appears at the right. And since the 2nd <li> has direction:ltr, its ::marker appears on the left. It sounds like you expect marker-side:match-parent > The marker box is positioned using the directionality of the ::marker’s originating element’s parent element. Then since the <ul> have direction:rtl, both markers would appear at the right. I don't see why unicode-bidi:plaintext would make it different, given that the markers have outside position. https://drafts.csswg.org/css-lists/#list-style-position-outside > 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. 1996036 3 ahmad.saleem792 2023-11-30 15:52:43 -0800 It is failing only in Safari / WebKit. Adding 'BrowserCompat' tag and also adding 'WPTImpact'.