[4.0] Dropdown/Textfields to wide in config view

[Bakual]

Steps to reproduce the issue

Open the Options in eg articles manager or global settings
Compare width of switcher with list (dropdown) or text fields.

Expected result

Reasonable sized dropdown and text fields.
Ideally, all fields are about the same width (like in J3).

Actual result

All text and list fields are spanning over the whole available width while the switcher type is hugging the left side.
Resulting in unneeded clutter and mouse move

[brianteeman]

100% agree. It has been brought up before and someone repeatedly insisted that this was correct and shut down any debate

[C-Lodder]

This was raised in the original PR for the new backend template and the solution was to fix it by pissing on the UX.

You've got 3 options:

1. Wrap the fields in a parent, e.g col-[4|6].
2. Set the width to auto
3. Set a max with of 240px as per the original backend template

[brianteeman]

in the case of the select fields it is an accessibility issue as the select indicator is off the screen if the page is magnified

[chmst]

@brianteeman

in the case of the select fields it is an accessibility issue as the select indicator is off the screen if the page is magnified.

I don't understand the a11y issue.
The selector is always on the screen, no matter which size I have.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/27672.}

[brianteeman]

The issue is when you are using a magnifier. Below are two animations. The first of the options page when you have the full width fields. The second is of the individual options page where there are three columns. Just using that page to show the difference of the field width and not to advocate a multi column view which has its own issues.