Bug 227000 - A list-style-position:inside list item marker should be rendered as the first child of the list item
Summary: A list-style-position:inside list item marker should be rendered as the first...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-06-14 16:54 PDT by Mats Palmgren
Modified: 2021-06-21 16:55 PDT (History)
4 users (show)

See Also:


Attachments
Testcase (161 bytes, text/html)
2021-06-14 16:54 PDT, Mats Palmgren
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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>