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

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

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

@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.

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.

@brianteeman does this issue still exist? I could not reproduce that in 5.1.4

yes nothing has changed

@brianteeman can you explain to me in other words what the issue is?
I checked the article Options, and they are all in one column instead of 3.
Zooming in does not create an overflow.

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