Section tags can interfere with CSS flex layout
Closed, ResolvedPublicBUG REPORT
Actions

Assigned To

Authored By

	ihurbain
	Jan 12 2026, 9:51 AM

Description

Steps to replicate the issue (include links if applicable):

Compare
https://szl.wikipedia.org/w/index.php?title=Przodni%C5%8F_zajta&oldid=382294&useparsoid=1
and
https://szl.wikipedia.org/w/index.php?title=Przodni%C5%8F_zajta&oldid=382294&useparsoid=0

What happens?:

The image in the "Wyrōżniōny ôbrŏzek" panel is vertically centered on the Legacy parser but not in Parsoid.

What should have happened instead?:

Both rendering should align the image in the panel.

Notes

My rapid investigation seems to designate the culprit as the <section> tag that is inserted in Parsoid and not in Legacy. Moving elements from that section tag to its parent fixes the issue with the layout; the section tag seems to interfere with the flex handling.

Related Objects

Mentioned Here: T217722: Support (part of?) Selectors level 4 in css-sanitizer
T333031: <section> wrappers in Parsoid output can interfere with CSS rules that use child (direct descendent) selectors

Event Timeline

ihurbain created this task.Jan 12 2026, 9:51 AM

Restricted Application added a project: Parsoid. · View Herald TranscriptJan 12 2026, 9:51 AM

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

ShivaanshSingh subscribed.Jan 13 2026, 6:04 AM

This is a dup of T333031 but we should probably not close it until we've fixed the CSS.

cscott moved this task from Needs Triage to Known Differences on the Parsoid board.Feb 5 2026, 3:37 PM

This case can be corrected by adding

section[aria-labelledby="mp-tfp-h2"] {
    height: 100%;
}

in https://szl.wikipedia.org/wiki/Wikipedyjo:Przodni%C5%8F_zajta_(redesign_2019)/styles.css .

T217722 would support this additional way:

section:has(#mp-tfp-h2) {
    height: 100%;
}

SLopes-WMF moved this task from Uncategorized to Large Wikipedias on the Parsoid-Read-Views board.Feb 26 2026, 3:36 PM

SLopes-WMF edited projects, added Parsoid-Read-Views (Large Wikipedias); removed Parsoid-Read-Views.

I updated the CSS and will close this.

Section tags can interfere with CSS flex layoutClosed, ResolvedPublicBUG REPORTActions

Description

Related Objects

Event Timeline

Section tags can interfere with CSS flex layout
Closed, ResolvedPublicBUG REPORT
Actions