Some dialogs are difficult to scroll with keyboard

Created on 7 December 2023, 12 months ago
Updated 5 July 2024, 5 months ago

Problem/Motivation

If you have a long list of fields to scroll through and you don't want to filter them (maybe you don't remember the name) you can't use the keyboard (up/down/page up/page down) to scroll, unless you set focus to one of the Re-use buttons first.

Steps to reproduce

  • Open your browser at 1920x1080 or smaller
  • Install Drupal with demo_umami profile
  • Navigate to /admin/structure/types/manage/page/fields
  • Press "Re-use an existing field"
  • Click outside the "Filter by field or field type" textbox
  • Press the down arrow or page down key on your keyboard
  • Nothing happens

Proposed resolution

Maybe I need to adjust my habits. It's possible to scroll after pressing Shift+Tab from the first focused field. This sets focus to the .ui-dialog-content element instead of the .ui-dialog element. But this feels different to other forms, such as /node/add/article, where I can click outside a form element and then scroll the page. Attaching a video to demonstrate.

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

🐛 Bug report
Status

Active

Version

11.0 🔥

Component
Javascript 

Last updated 2 days ago

Created by

🇦🇺Australia mstrelan

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

Comments & Activities

  • Issue created by @mstrelan
  • 🇮🇳India SandeepSingh199

    This issue only happens in Popup. If we open the same link Re-use an existing field in new tab and use down arrow, its working fine and this not only for Re-use an existing field popup, its entire website popup like Block Layout Place block popup & In view Format > settings popups.

  • 🇦🇺Australia mstrelan

    Changing title and component since this is not limited to Field UI. Confirmed it's the same behaviour on Claro, Stark and Olivero.

Production build 0.71.5 2024