Open Bug 2030993 Opened 5 months ago Updated 5 months ago

<li><span><p></p>Introduces a gap above the text, so that it no longer aligns with the marker

Categories

(Core :: Layout: Block and Inline, defect)

Firefox 148
defect

Tracking

()

People

(Reporter: psychpsyo, Unassigned)

References

Details

Attachments

(1 file)

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:148.0) Gecko/20100101 Firefox/148.0

Steps to reproduce:

The following HTML renders incorrectly:

<!DOCTYPE html>
<ul><li><span><p></p>Hello!

This is a reduced version of the list items on https://missionconnectionhealthcare.com/mental-health/professionals/nervous-breakdowns/
The lists on that page render correctly in Chromium, WebKit and Ladybird, but not in Firefox.

Actual results:

The text is shoved down when it shouldn't be.

Expected results:

The text should be next to the bullet point and the list item should be one line tall.

Component: Untriaged → Layout: Block and Inline
Product: Firefox → Core

So this is block-in-inline/IB split weirdness, but also, on other browsers, zero-size <p> gets ignored - Adding any border-size or size to <p> cause things to line up across browsers.

Not quite sure where in the spec to look to clarify that. Hm.

See Also: → 2031448
Severity: -- → S3
Status: UNCONFIRMED → NEW
Ever confirmed: true
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: