Bug 227000

Summary: A list-style-position:inside list item marker should be rendered as the first child of the list item
Product: WebKit Reporter: Mats Palmgren <MatsPalmgren_bugz>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
Testcase none

Description Mats Palmgren 2021-06-14 16:54:16 PDT
Created attachment 431387 [details]
Testcase

STEPS TO REPRODUCE
1. load the following testcase:

<!doctype html>
<ul>
  <li style="list-style-position:inside">
    <div style="border:1px solid">The bullet should be above this line.</div>
  </li>
</ul>


EXPECTED RESULTS
The list item marker (bullet) should be on the list item's first line.
The <div> should render below it.
The bullet should be outside the <div>'s border.

ACTUAL RESULTS
The bullet is inside the <div>'s border on the same line as the text.

RELEVANT CSS SPEC TEXT
"The marker box is generated by the ::marker pseudo-element of a list item as the list item’s first child ..."
https://drafts.csswg.org/css-lists-3/#marker-pseudo
Comment 1 Radar WebKit Bug Importer 2021-06-21 16:55:18 PDT
<rdar://problem/79587134>