Doesn't occur when I shrink the screen:

Do we have any other uris for this bug? The one in the description was fixed.

@Jdlrobson - I'm still seeing the issue on the original link

but here's some more:

https://ru.m.wikipedia.org/wiki/Гражданская_оборона?minerva-issues=b
https://ru.m.wikipedia.org/w/index.php?title=%D0%96%D0%B8%D0%B4%D0%BA%D0%BE%D1%81%D1%82%D0%BD%D0%B0%D1%8F_%D1%85%D1%80%D0%BE%D0%BC%D0%B0%D1%82%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D1%8F&mobileaction=toggle_view_mobile?minerva-issues=b
https://fa.m.wikipedia.org/wiki/%D8%A7%D8%B3%D8%AA%D8%A7%D9%86_%D8%B3%DB%8C%D8%B3%D8%AA%D8%A7%D9%86_%D9%88_%D8%A8%D9%84%D9%88%DA%86%D8%B3%D8%AA%D8%A7%D9%86?minerva-issues=b
https://fa.m.wikipedia.org/wiki/%D8%BA%D9%84%D8%A7%D9%85%D8%B1%D8%B6%D8%A7_%D8%A7%D8%B2%D9%87%D8%A7%D8%B1%DB%8C?minerva-issues=b

Change 473145 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/skins/MinervaNeue@master] Avoid overlapping text on Russian and Farsi projects

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

Why does the text overlap?

English wikipedia uses a class called mbox-text-span (confusingly on a div element not a span) that we style with Minerva specific rules. Russian doesn't use this class - it uses mbox-text-div which is more semantically correct.
Persian does use mbox-text-span but it uses a span tag rather than a div.

The style Minerva ships looks like this:

.client-js .ambox .mbox-text-span {
    max-height: 3.3em;
    height: 3.3em;
    overflow: hidden;
}

The element needs to be display: inline-block;

What are the possible fixes?
How would those possible fixes apply across all the wikis?

It doesn't make sense to tell wikis to fix this themselves by adding using a class mbox-text-span on an element that's not a span (Russian) or changing a span element with mbox-text-span to a div (Persian).

Option 1:
We add more hacks to our css file to accommodate other selectors with this case and so that it works for inline elements we add display: inline-block; :
e.g.

.client-js .ambox .mbox-text-div,
.client-js .ambox .mbox-text-span { display: inline-block; .... }

This would work cross-wiki providing these classes are being used everywhere (which we can't say for such)
However we do so at incurring even more CSS that is useless for wikis that don't do this.

Option 2
For each wiki we encourage them to use TemplateStyles and copy across the styles.

If we take this approach, I'd like us to move all page issues styles into https://en.wikipedia.org/wiki/Template:Ambox/styles.css for English Wikipedia, first. We would then point editors to this file as something they need to copy and include themselves.

Conclusions

Option 2 is the obvious long term solution here, but that can be said for ALL our CSS. I suggest we add the rule to Minerva via https://gerrit.wikimedia.org/r/473145 and handle option 2 separately when we have more bandwidth.

Change 473145 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Avoid overlapping text on Russian and Farsi projects

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

@ovasileva This one is still occurring for me on production. Is that the right environment to test? Also, I am seeing a page issue mid-page on the Russian article. Not sure if that's supposed to be there.

@ABorbaWMF - this should now be on production. Could you take a look again?

@ABorbaWMF said that he'll be working on this task this week.

@ovasileva This one is looking good. I was able to go through the links listed here and on T204090. I was able to find some overlap issue on articles with more than 2 issues. These are very rare.

Other articles are looking ok

This is not on production (Russian) yet per T206887#4752656. but only went out on 6th Dec Thursday. Can you take another look now?

This appears to still be an issue for large screens:

Good QA.. I see the problem:
.client-js .ambox .mbox-text-span

Change 479520 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/skins/MinervaNeue@master] Tablet style should apply to mbox-text-div as well as mbox-text-span

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

Change 479520 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Tablet style should apply to mbox-text-div as well as mbox-text-span

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

looks good. resolving!
https://ru.m.wikipedia.org/wiki/%D0%9B%D0%B0%D0%B2%D1%80%D0%BE%D0%B2%D1%81%D0%BA%D0%B8%D0%B9,_%D0%9D%D0%B8%D0%BA%D0%BE%D0%BB%D0%B0%D0%B9_%D0%90%D0%BB%D0%B5%D0%BA%D1%81%D0%B5%D0%B5%D0%B2%D0%B8%D1%87