Dialog in BEX Popup

[FIN4LSHAR3]

Hello,

I’m trying to get a dialog window in my BEX to work (type popup).
I implemented the following code which is initiated by a button:

    deleteDialog (key) {
      this.$q.dialog({
        title: 'Confirm',
        message: 'Are you sure?',
        persistent: true,
        cancel: true,
      }).onOk(() => {
        this.deleteProxy(key)
      })
    }

However, whenever the dialog fires the popup window where the BEX is displayed disappears/gets resized to something like 10x10px. The only way I got the dialog to work is by setting the ‘seamless’ prop to true, which isn’t really a good workaround tbh. I tested this on Chrome and FF, both gave similar results. I presume this is related to the auto-resizing-to-content nature of the BEX popup, but I don’t know how to prevent this.

Is there anything I can do to fix this?

Thanks!

[dobbel]

@fin4lshar3

You can change the style of of QDialog with the content-class and content-style properties , see:

https://quasar.dev/vue-components/dialog#QDialog-API