Infobox small resolution hacks don't play nice with any other HTML in caption
Closed, DuplicatePublicBUG REPORT
Actions

Assigned To

None

Authored By

	Izno
	Jun 8 2026, 4:08 PM

Project Tags

Referenced Files

	F88531714: image.png
	Jun 14 2026, 9:18 PM

	F87457087: image.png
	Jun 8 2026, 4:23 PM

	F87454528: image.png
	Jun 8 2026, 4:08 PM

	F87453603: image.png
	Jun 8 2026, 4:08 PM

Subscribers

Description

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

Visit https://en.wikipedia.org/wiki/Soviet_Civil_Administration?useformat=mobile

What happens?:

Note the infobox.

What should have happened instead?:
Content should be "inline" instead (well, there are some <br>s).

(from desktop)

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):
The display is caused by

body.skin--responsive.skin-minerva .mw-parser-output .infobox > tbody,
body.skin--responsive.skin-minerva .mw-parser-output .infobox > caption {
  display: flex;
  flex-flow: column nowrap;
}

coming from ext.wikimediamessages.styles/infobox.less.

Event Timeline

Izno created this task.Jun 8 2026, 4:08 PM

Restricted Application added a project: Parsoid. · View Herald TranscriptJun 8 2026, 4:08 PM

Restricted Application added subscribers: revi, • Aklapper. · View Herald Transcript

Izno added a comment.Jun 8 2026, 4:10 PM

This comment was removed by Izno.

I don't think this can be fixed in the CSS without removing the rule. Which I honestly can't see a reason for existing: infoboxes which include content in their caption that would need a treatment like this are probably non-existent.

Amire80 subscribed.Jun 8 2026, 4:15 PM

And looking through things, not fundamentally a Parsoid issue. This would be an issue with Parser.php rendering also (just applied the broken CSS there).

Izno renamed this task from Infobox small resolution hacks don't play nice with Parsoid to Infobox small resolution hacks don't play nice with any other HTML in caption.Jun 8 2026, 4:21 PM

Izno updated the task description. (Show Details)

Izno attached a referenced file: F87457087: image.png. (Show Details)

I changed the <br> tags to use the unbulleted list template instead and this seems to have resolved the issue when toggling between desktop and mobile views. (I am using a desktop PC.) However, the issue on the page is still viewable in the older revisions before I made this change to the article.

Jdlrobson-WMF added a project: Reader Experience Team.Jun 11 2026, 3:55 PM

A similar issue is affecting the Chembox template in the article "Tröger's base", where the issue is unrelated to <br> pseudolists. The title contains an apostrophe which is being displayed on a separate line.

Visit the article in mobile view: https://en.wikipedia.org/wiki/Tr%C3%B6ger%27s_base?useformat=mobile

I thought it would be worth mentioning here as the issue is very similar, so it may be relevant.

Soda subscribed.Jun 15 2026, 3:12 PM

MSantos added a project: Content-Transform-Team.Jun 15 2026, 3:30 PM

MSantos subscribed.

Izno closed this task as a duplicate of T372062: Infobox title with apostrophe has erroneous line break..Fri, Jun 19, 5:09 PM

Infobox small resolution hacks don't play nice with any other HTML in captionClosed, DuplicatePublicBUG REPORTActions

Description

Event Timeline

Infobox small resolution hacks don't play nice with any other HTML in caption
Closed, DuplicatePublicBUG REPORT
Actions