Overflow clipping dropbutton

Created on 4 May 2022, over 2 years ago
Updated 2 January 2024, 11 months ago

Problem/Motivation

The overflow around tables is causing the operations dropbutton actions list to be clipped, which then requires scrolling within the container in order to access the rest of the actions. The actions are accessible but troublesome to get at, resulting in bad UX.

Steps to reproduce

  1. Have Devel and Masquerade modules enabled (and have permissions for them), or other modules that add operations to users on the admin users page.
  2. Go to users admin page (/admin/people) and filter so one user is shown.
  3. Note when expanding the dropbutton that the table container clips the dropdown, requiring scrolling of the overflow container to access them.

Proposed resolution

Remove overflow: auto; from .gin-table-scroll-wrapper.

πŸ› Bug report
Status

Fixed

Version

3.0

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States greenskin

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • πŸ‡©πŸ‡ͺGermany tomsaw Essen

    Im using latest gin (3.0.0-rc8) but looks like the issue is not solved in there!

    The dropdown is hidden as described in the issue description.
    overflow: auto is present:

    .gin-table-scroll-wrapper {
      overflow: auto;
       ...
    }

    Please reopen this issue!

Production build 0.71.5 2024