Bug #97152
Updated by Sybille Peters 22 days ago
In the list of reference (opened via the file list) you must scroll down to see the edit action buttons if the visible content is too wide.
There is a horizontal scrollbar on the bottom, so there is a way to reach the clipped off content.
This is only a bother, if there are lots of entries and you don't see the scrollbar and you either have to scroll down and back up (or you are not aware there is a scrollbar and not aware there is more content).
h2. Problems
* have to scroll down or know how to scroll horizontally to reach action buttons to edit
* inconsistency: e.g. in redirects module, you can also click on "Source Path" to edit, in the list of references you can only edit by clicking on the button
h2. Reproduce
Intention: we want to see a list of references for a file and make changes in a (related) content element.
# Use latest main branch with styleguide
# Let styleguide create content
# In file list click on fileadmin/styleguide and choose a file, e.g. bus_lane.jpg and click on the "Ref" link (right column)
# When scrolling down we see the "References to this item"
The content is clipped, we do not see the action buttons. We must scroll down to do that to get to the horizontal scrollbar.
The problem exists due to the following. Some of these are a question of general BE UI concept.
- It is not possible to resize the dialog (this is generally so, so it complies to general BE UI concept)
- In some other dialogs in the BE, in addition to the action icons on the far right, you can also click on a link in the columns. This is the case in the redirects module, for example. You can edit by clicking on source_path column. I do not find this intuitive, but in cases like these it would be helpful
- The clipping of tables can be prevented by setting a fixed size (e.g. done in linkvalidator list). But in most other cases, it is not done, so you do get the scrollbar.
- The action buttons are on the far right and in combination with above can be clipped easily. This complies to general BE UI concept (also mentioned in styleguide extension).
h2. Example 1: Listing of references
!ref1.png!
After scrolling down:
!ref2.png!
h2. Example 2: redirects module
!redirects.png!
Here, there is also a horizontal scrollbar and content is cut off, but you can edit by clicking on the link in "Source path" column (not really intuitive because no visible indication what the link does).