Steps to replicate the issue (include links if applicable):
- Set up a MediaWiki source tree with no skins
- Open the web installer and proceed to the options page
What happens?:
An error message is shown, with the text of the error being forced into a div which is one character wide.
The help box immediately below is also affected. However, the other help boxes on the page are not affected despite having similar HTML. I don't understand what is different about the affected divs.
outerHTML
<span class="cdx-card"><span class="cdx-card__text"><span class="cdx-card__text__title">Skins</span><span class="cdx-card__text__description"> <div class="cdx-message cdx-message--block cdx-message--warning config-warning-box"><span class="cdx-message__icon"></span><div class="cdx-message__content">No skins were found; MediaWiki will use a fallback skin until you install some proper ones.</div></div><input type="hidden" value="vector-2022" name="config_wgDefaultSkin"><div class="config-help-field-container"> <a class="config-help-field-hint" title="click to expand">ℹ️ help</a> <div class="config-help-field-content cdx-message cdx-message--block cdx-message--notice" style="margin: 10px"><div class="cdx-message__content">The skins listed above were detected in your <code>./skins</code> directory. You must enable at least one, and choose the default.</div></div> </div> </span></span></span>
The box model in Firefox dev tools shows the computed size of the div.cdx-message__content with "no skins were found" being 0×1945.6.
What should have happened instead?:
This screenshot was constructed by removing the width: 0 rule from cdx-message__content, which if I understand correctly, is equivalent to reverting gerrit 1060772.
Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):
git master 5bb154a8780989d379741cf4dad11b3b0f3fa58f
Other information (browser name/version, screenshots, etc.):
Confirmed in Firefox and Chromium.
