Multiple modals stay on top of backdrops

Created on 19 March 2025, 23 days ago

Problem/Motivation

When multiple modals are opened, the first modal display correctly with backdrop under modal, but the next modals opened show on top of previous modal, but backdrops don't cover previous modals.

Modals and backdrops have different z-index : modal : 1055, backdrop: 1050. So in any cases, backdrop will still be behind opened modals.

Steps to reproduce

Open a modal from another modal.

Proposed resolution

In case containers have the same z-index, the order in DOM will defined which element is on top of others.
I think we should use this way to display multiple modal easily.
So backdrop should be displayed before modal. Next modal should be added in bottom of body, with its modal before it.

🐛 Bug report
Status

Active

Version

5.1

Component

Code

Created by

🇫🇷France goz

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