Prefill is off the screen
Open, Needs TriagePublicBUG REPORT
Actions

Assigned To

None

Authored By

	Izno
	Thu, Nov 6, 8:49 PM

Description

Steps to replicate the issue (include links if applicable):

Visit https://en.wikipedia.org/w/index.php?title=Wikipedia:Arbitration_Committee_Elections_December_2025/Candidates&oldid=1320453330 and scroll to the inputbox for candidate selection

Alternatively, make a page with this wikitext:

<div style="width: auto; margin: 1em 17%; padding: .5em 1em; border: solid gray 1px;"><inputbox>
type=create
editintro=Wikipedia:Arbitration Committee Elections/Candidates/Editintro
preload=Wikipedia:Arbitration Committee Election/Candidate preloader
default=Wikipedia:Arbitration Committee Elections December 2025/Candidates/
buttonlabel=Click here to create a candidate profile
bgcolor=clear
width=100
</inputbox></div>

What happens?:

What should have happened instead?:

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

Seems to be caused by this rule:

@media screen {
  .mw-inputbox-input[size], .mw-inputbox-createbox[size] {
    width: auto !important;
  }
}

Event Timeline

Izno created this task.Thu, Nov 6, 8:49 PM

Restricted Application added subscribers: ZhaoFJx, Aklapper. · View Herald TranscriptThu, Nov 6, 8:49 PM

And in general, that line is simply wrong I think for what it's intending to do, which is relying on the value set in the size attribute to set the width of the item. I am not sure there's a way to do that in CSS. In CSS content we have access to attribute values.

I tried a couple of different CSS global values such as width: revert-layer to fix this but to no avail.

I think this issue may also be related to the parent being flex, so if we can fix it that way that's another option.

Yeah, nixing the display: flex on the container also half-fixes it (it doesn't fix at least one aspect which is the borders looking odd).

In T409488#11351721, @Izno wrote:

I am not sure there's a way to do that in CSS. In CSS content we have access to attribute values.

Soon, probably. Opera and Chromium has support in type/unit properties for the past half year. Firefox and Safari are missing it.

Jdlrobson-WMF added a project: Reader Experience Team.Tue, Nov 25, 5:12 PM

Prefill is off the screenOpen, Needs TriagePublicBUG REPORTActions

Description

Event Timeline

Prefill is off the screen
Open, Needs TriagePublicBUG REPORT
Actions