diff --git a/src/BootstrapBlazor/BootstrapBlazor.csproj b/src/BootstrapBlazor/BootstrapBlazor.csproj index 02b9cf1ada6..67b9052d55b 100644 --- a/src/BootstrapBlazor/BootstrapBlazor.csproj +++ b/src/BootstrapBlazor/BootstrapBlazor.csproj @@ -1,7 +1,7 @@  - 9.11.0-beta01 + 9.11.0 diff --git a/src/BootstrapBlazor/Components/Dialog/Dialog.razor b/src/BootstrapBlazor/Components/Dialog/Dialog.razor index 3b10c1d9111..a5753872ba6 100644 --- a/src/BootstrapBlazor/Components/Dialog/Dialog.razor +++ b/src/BootstrapBlazor/Components/Dialog/Dialog.razor @@ -5,6 +5,11 @@ OnShownAsync="@_onShownAsync" OnCloseAsync="@_onCloseAsync" class="@ClassString"> @for (var index = 0; index < DialogParameters.Keys.Count; index++) { + if (index != 0 && index == DialogParameters.Keys.Count - 1) + { + + } + @RenderDialog(index, DialogParameters.Keys.ElementAt(index)) } diff --git a/src/BootstrapBlazor/Components/Modal/Modal.razor.scss b/src/BootstrapBlazor/Components/Modal/Modal.razor.scss index 1e3ff7866ed..6fdbe21a370 100644 --- a/src/BootstrapBlazor/Components/Modal/Modal.razor.scss +++ b/src/BootstrapBlazor/Components/Modal/Modal.razor.scss @@ -82,24 +82,27 @@ width: 100vw !important; } +.modal-multiple { + --bb-backdrop-zindex: 1050; +} + .modal-multiple .modal-dialog { position: fixed; inset: 0; - - &:last-child:before { - content: ""; - position: fixed; - inset: 0; - background-color: #000; - opacity: 0.3; - pointer-events: auto; - } } .modal-multiple ~ .modal-backdrop { display: none; } +.modal-multiple .modal-backdrop { + z-index: var(--bb-backdrop-zindex); +} + +.modal-multiple .modal-backdrop + .modal-dialog { + z-index: var(--bb-backdrop-zindex); +} + @media print { .bb-printview-open { overflow: auto !important;