Inputbox can not adapt to website width and overflows.
Description
Description
Details
Details
Related Changes in Gerrit:
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| MediaWiki UI: Set `max-width` on `.mw-ui-input-inline` elements | mediawiki/core | master | +3 -0 |
Related Objects
Related Objects
Event Timeline
Comment Actions
FYI: Please always include a link to where you are encountering such a problem.
The cause seems to be that input elements get a width:auto hint, which make it basically equal to the size attribute. Since the size attribute tells it to be wider than the page, it does so. Can be mitigated by adding max-width: 100% to the element, to tell it to never be wider than it's parent.
Should probably be added to core OOjs UI styling.
Comment Actions
Change 292993 had a related patch set uploaded (by TheDJ):
MediaWiki.UI: Set max-width on inline elements
Comment Actions
+1
I am just not sure if this change doesn't break anything else, but I am just a regular user, not dev, so I hope it doesn't
Comment Actions
Change 292993 merged by jenkins-bot:
MediaWiki UI: Set max-width on .mw-ui-input-inline elements