Skip to content

regression: modal message boxes can no longer be opened one after the other #2401

@tbl0605

Description

@tbl0605

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

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

No one assigned

    Labels

    questionFurther information is requestedwontfixThis will not be worked on

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions