-
-
Notifications
You must be signed in to change notification settings - Fork 163
Closed
Labels
questionFurther information is requestedFurther information is requestedwontfixThis will not be worked onThis will not be worked on
Description
Describe the bug
Hi,
since version 0.26.0, I can't open a second modal message box directly after opening (and closing) a first one.
I use useModalController()
to create them.
Reproduction
- Go to https://stackblitz.com/edit/github-rzxbjv-cmd8wv
- Click on the "Test KO" button, a first modal will appear
- Close it by clicking on the "Cancel" or "Close" button
- A second modal should appear, but will not
Workarounds
- either add a timeout between the first modal closing and the second modal opening:
await new Promise((r) => window.setTimeout(r, 60));
You can test this workaround by clicking on the "Test OK" button, the two modals will chain perfectly. - or remove any
id
property added by hand on the modal message boxes:
return this.$data.$modalController
.confirm({
props: () =>
Object.assign(
{
okVariant: 'danger',
cancelVariant: 'primary',
footerClass: 'border-top',
//id: 'my_custom_id',
},
...
Note that I'm adding a custom id
because I need to create a custom CSS rule to change the z-index of all my modal message boxes:
#my_custom_id {
z-index: 10000 !important;
}
Maybe it can be done better on my side, but anyway, something is wrong since version 0.26.0 ^^
Reproduction
https://stackblitz.com/edit/github-rzxbjv-cmd8wv
Used Package Manager
pnpm
Metadata
Metadata
Assignees
Labels
questionFurther information is requestedFurther information is requestedwontfixThis will not be worked onThis will not be worked on