Caused by the fix for T298371: Viewport overflow because of data-mw-comment-start/end

Related issues reported in comments on that task:

In T298371#7840142, @Marc wrote:

Setting the marker to display:inline-block appears to break something else after all. An empty inline element in front of a <div> block is invisible, but an empty inline-block element in front of a <div> block appears to cause a quite visible space. B.t.w. I'm not sure if this is only the case with <div> blocks.

• See for example: https://nl.wikipedia.org/wiki/Wikipedia:Te_beoordelen_pagina's/Toegevoegd_20220406 (large gap between the section header and the standard link collection — tested in FF, Chrome and IE; on Windows and Linux; in desktop view and mobile view; in Vector, Monobook and Minerva skins)
• Discussion (in Dutch): https://nl.wikipedia.org/wiki/Help:Helpdesk#Witregel_op_beoordelingslijsten

Is it possible to narrow the above fix to the browser/system/circumstances it is intended for?

In T298371#7840211, @Pikne wrote:

There also an exessive whitespace in front of headerless first comment at the top of page, where display:inline-block apparently applies to an empty header:

@Esanders It looks like the original issue only affected headings, perhaps we can apply the fix only inside headings to avoid causing these issues?

(Also, thanks for reporting this, everyone. The fix will probably have to wait until next week, as people are unhappy about deploying changes right before the weekend.)

About the example on nl.wikipedia that @matmarex quoted:

In T305721#7841615, @matmarex wrote:

[..]

In T298371#7840142, @Marc wrote:

[..]

• See for example: https://nl.wikipedia.org/wiki/Wikipedia:Te_beoordelen_pagina's/Toegevoegd_20220406 [..]

Any temporary quickfixes for these "Articles for deletion" pages on nl.wikipedia are made in the tbp-links template. So keep that in mind while checking this example when investigating/fixing the issue.
With kind regards, Mar(c).

Change 778637 had a related patch set uploaded (by Esanders; author: Esanders):

[mediawiki/extensions/DiscussionTools@master] Revert "Make comment markers inline-block to fix comment wrapping in Safari"

https://gerrit.wikimedia.org/r/778637

In T305721#7842765, @Marc wrote:

About the example on nl.wikipedia that @matmarex quoted:

In T305721#7841615, @matmarex wrote:

[..]

In T298371#7840142, @Marc wrote:

[..]

• See for example: https://nl.wikipedia.org/wiki/Wikipedia:Te_beoordelen_pagina's/Toegevoegd_20220406 [..]

Any temporary quickfixes for these "Articles for deletion" pages on nl.wikipedia are made in the tbp-links template. So keep that in mind while checking this example when investigating/fixing the issue.
With kind regards, Mar(c).

I would suggest updating this fix to set span[data-mw-comment-start] to display:none. We are planning to revert the change setting it to inline-block, and with your negative margins this will cause the text to overlap. All the hacks can be removed at the end of the week once the code has been successfully deployed.

Change 778637 merged by jenkins-bot:

[mediawiki/extensions/DiscussionTools@master] Revert "Make comment markers inline-block to fix comment wrapping in Safari"

https://gerrit.wikimedia.org/r/778637

The fix will be deployed to Wikimedia wikis later this week, per the usual schedule.

And also affects {{tracked}} templates on enwiki:
https://en.wikipedia.org/wiki/Wikipedia:Village_pump_(technical)#Possible_Thursday_weirdness

Now deployed everywhere, and the examples above look correct now.

@Marc As a result of your quickfix, there is now a different issue on https://nl.wikipedia.org/wiki/Wikipedia:Te_beoordelen_pagina's/Toegevoegd_20220406:

I tried to revert your workaround in https://nl.wikipedia.org/w/index.php?title=Sjabloon:Tbp-links/styles.css&diff=61738717&oldid=61645980, but somehow that did not fix it.

Ah, I needed to undo one more edit: https://nl.wikipedia.org/w/index.php?title=Sjabloon:Tbp-links/styles.css&diff=61738733&oldid=61738717. That page is also fixed now.

All examples look good now

I'll go ahead to verify it.