No Code Attached Yet bug
avatar Bakual
Bakual
27 Jan 2020

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.

image

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

avatar Bakual Bakual - open - 27 Jan 2020
avatar joomla-cms-bot joomla-cms-bot - change - 27 Jan 2020
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 27 Jan 2020
avatar brianteeman
brianteeman - comment - 27 Jan 2020

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

avatar C-Lodder
C-Lodder - comment - 27 Jan 2020

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
avatar brianteeman
brianteeman - comment - 27 Jan 2020

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

avatar alikon alikon - change - 3 Feb 2020
Status New Confirmed
avatar chmst
chmst - comment - 26 Dec 2020

@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.
avatar brianteeman
brianteeman - comment - 26 Dec 2020

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.

bits

bits2

avatar Hackwar Hackwar - change - 21 Feb 2023
Labels Added: No Code Attached Yet bug
Removed: ?
avatar Hackwar Hackwar - labeled - 21 Feb 2023

Add a Comment

Login with GitHub to post a comment