Dropdown is not reachable when element is rendered in modal

Created on 8 November 2018, about 6 years ago
Updated 13 March 2024, 9 months ago

Problem/Motivation

If you add the element to a form that is being rendered in a modal dialog, the z-index of the dropdown is smaller than that of the dialog overlay, and as a result the user can't reach the dropdown results:

Proposed resolution

Increase the z-index of the whole dropdown container.

Remaining tasks

User interface changes

API changes

Data model changes

πŸ› Bug report
Status

Fixed

Version

1.0

Component

Render element

Created by

πŸ‡ͺπŸ‡ΈSpain marcoscano Barcelona, Spain

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.

  • πŸ‡ΊπŸ‡ΈUnited States daletrexel Minnesota, USA

    Just dropping a note here that the fix applied in this issue (patch #5) no longer works. The problem with Select2 in modals has resurfaced, and a new solution is being worked on in πŸ› Issue with z-index when opening in modal dialog RTBC . So, if your search for help on this topic lead you here, hop over to this other issue and check out the patch available there.

Production build 0.71.5 2024