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 Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

ahmad.saleem792, bfulgham, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

BrowserCompat, 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, alan	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

alan

Comment 2 2022-07-16 10:28:59 PDT

Created attachment 460953 [details] Test reduction

alan

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.

alan

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.