Problem

When one of the hidden items in a dropdown is longer than the first item clicking on the arrow makes the whole dropdown element bigger and more likely to be closed after 500ms since it won't be hovered anymore. See attached screencast.

Steps to reproduce

With the browser developer tools make one of the hidden items of a dropdown have a long text like "Delete this content". Play with the dropdown.

Proposed resolution

Allow more space for longer texts

Remaining tasks

Patch

User interface changes

Dropdown buttons will be wider

Release notes snippet

Claro dropdowns are wider now to allow for longer action texts.

CommentFileSizeAuthor
Screencast from 08-12-2021 02:02:44 PM.zip528.04 KBrodrigoaguilera

Issue fork drupal-3227868

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

rodrigoaguilera created an issue. See original summary.

rodrigoaguilera opened merge request !1049

bnjmnm’s picture

bnjmnm
he/him
Primary language English
Location Ann Arbor, MI
commented
Status: Active » Closed (duplicate)
Related issues: +#3168326: Dropbuttons in table cells are potentially unusable if it includes options with long text length.

Closing as this is a duplicate of #3168326: Dropbuttons in table cells are potentially unusable if it includes options with long text length.. The proposed solution in that solution is preferable to me, as it maintains the position of the button. The solution here -Adding significant padding to the button so it is still in pointer range when expanded when expanded - would result in all dropbuttons getting extra padding they don't need (and were not designed to have).