Modal dialog does not adjust to increased inner height (pushes buttons out of reach)

Created on 5 August 2024, 5 months ago
Updated 6 September 2024, 4 months ago

Problem/Motivation

When the height of a modal dialog is increased (e. g. by an opened details element, new ajax-induced content ) beyond the initially calculated max-height then all elements in the overflow area are not accessible anymore.

With a small viewport/screen the problem does not happen.

Steps to reproduce

- Open translate dialog of a view, open some details elements.
- OR use Media library widget with e. g. image_widget_crop.
- OR anything else that has a collapsible element within a modal dialog

Alternatively:

  1. Open /admin/structure/views/view/content
  2. click on Content: Content type (Content type)
  3. Open/close the details until things get out of hands

Proposed resolution

Trigger resize.dialogResize event when toggle details element in web/core/misc/details-aria.js.

Release notes snippet

Open/Close a detail element triggers resize.dialogResize event to recalculate size/position.

๐Ÿ› Bug report
Status

Needs work

Version

11.0 ๐Ÿ”ฅ

Component
Otherย  โ†’

Last updated about 12 hours ago

Created by

๐Ÿ‡ฉ๐Ÿ‡ชGermany tobiasb Berlin

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024