Bug 242834

Summary: In this 2-column <ul>, bullets overflow while their items wrap to the second column
Product: WebKit Reporter: mitz
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bfulgham, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 15   
Hardware: Unspecified   
OS: Unspecified   
URL: https://www.cdc.gov/coronavirus/2019-ncov/symptoms-testing/symptoms.html
Attachments:
Description Flags
Web archive
none
Test reduction none

mitz
Reported 2022-07-16 09:50:51 PDT
The bulleted list under “Watch for Symptoms” at the URL has the items laid out in 2 columns, but the bullets are laid out in one column, overflowing the list.
Attachments
Web archive (2.74 MB, application/x-webarchive)
2022-07-16 09:51 PDT, mitz 		no flags
Details
Test reduction (260 bytes, text/html)
2022-07-16 10:28 PDT, zalan 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
mitz
Comment 1 2022-07-16 09:51:21 PDT
Created attachment 460952 [details] Web archive
zalan
Comment 2 2022-07-16 10:28:59 PDT
Created attachment 460953 [details] Test reduction
zalan
Comment 3 2022-07-16 10:30:36 PDT
Those bullets are not the actual <li> bullet points. They are out-of-flow before content.
zalan
Comment 4 2022-07-16 10:41:55 PDT
(In reply to zalan from comment #3) > Those bullets are not the actual <li> bullet points. They are out-of-flow > before content. which means they are not part of the column context (ie. the before block box's containing block is the RenderView (ICB) and not the RenderListItem)
Radar WebKit Bug Importer
Comment 5 2022-07-23 09:51:15 PDT
<rdar://problem/97486383>
Note You need to log in before you can comment on or make changes to this bug.