We can't see those files. Please attach them per https://www.mediawiki.org/wiki/Phabricator/Help#File_visibility

That said, I can reproduce the issue and don't really need images to demonstrate it.

This is caused by the selector at https://en.wikipedia.org/w/index.php?title=Module:Hatnote/styles.css&oldid=1320445320#L-19, which doesn't apply on parsoid, as there are no link elements for the deduplicated styles between the divs. There should probably also be a selector for .hatnote + .hatnote that applies the same styles.

In T425364#11895381, @SomeRandomDeveloper wrote:

This is caused by the selector at https://en.wikipedia.org/w/index.php?title=Module:Hatnote/styles.css&oldid=1320445320#L-19, which doesn't apply on parsoid, as there are no link elements for the deduplicated styles between the divs. There should probably also be a selector for .hatnote + .hatnote that applies the same styles.

The actual issue was caused by T378906: Categories as link tags cause navboxes to have a rendering difference. I will probably need to fix onwiki with the new approach there, but I don't want to do that until the new approach is live (circa Thursday this week).

In T425364#11887406, @Pppery wrote:

We can't see those files. Please attach them per https://www.mediawiki.org/wiki/Phabricator/Help#File_visibility

First time attaching images here, so thanks for the notice haha

In T425364#11895809, @Izno wrote:

In T425364#11895381, @SomeRandomDeveloper wrote:

This is caused by the selector at https://en.wikipedia.org/w/index.php?title=Module:Hatnote/styles.css&oldid=1320445320#L-19, which doesn't apply on parsoid, as there are no link elements for the deduplicated styles between the divs. There should probably also be a selector for .hatnote + .hatnote that applies the same styles.

The actual issue was caused by T378906: Categories as link tags cause navboxes to have a rendering difference. I will probably need to fix onwiki with the new approach there, but I don't want to do that until the new approach is live (circa Thursday this week).

Once the final fixes roll out next week, we'll add instructions to https://www.mediawiki.org/wiki/Parsoid/Parser_Unification/Instructions_for_editors#Adapt_CSS ,

And needed a followup to keep the old version until Parsoid is the only parser.

@Izno This page has two hatnote templates that do not merge. Is it because there are "hidden" templates between them?

Yes. That one is solved by fixing the wikitext.

Thank you!