Primevue 2 dismissableMask=true not working when clicking outside the modal

[kelvinabella]

Code can be seen here https://codesandbox.io/s/mystifying-shaw-080f3?file=/src/App.vue

[linh0801]

the issue has not been solved in V2.3.0. At Dialog.vue , line 131 "this.mask === event.tagert" , the mask is undefined @cagataycivici

[linh0801]

How can I to update this version by npm , I can't found the package of latest V2.x at the npm repository @cagataycivici @tugcekucukoglu

[nebulade]

As far as I can tell this is also broken in version 3.1.1

[cagataycivici]

Works for me on 3.2.0-rc.1, will check for 2.x.

[nebulade]

I have tried 3.2.0-rc.1 now and it still does not work. However by accident I found that it works fine, but only if also closable is set to true. I didn't specify this, since I didn't want to see the close button in the top-right.
Not sure why both properties are dependent on each other, but if that is intentional, maybe the docs could mention this.

[MiC11w]

still broken in version 3.3.5

[Nabeelaron]

still broken in verison 3.5.1 as well. Please look into this.
Thanks.

[tugcekucukoglu]

For 3.5.1, cannot replicate it. https://codesandbox.io/s/cool-bash-p4w3g

[SabinoWS]

Hello!

It will only work if you use also :modal="true"
Because modal false will block the background of modal, so you cant click do dismiss with :dismissableMask="true"

Working example:

<Dialog
    v-bind="$attrs"
    :visible="visible"
    :draggable="draggable"
    :modal="true"
    :dismissableMask="true"
  >
    Test content
  </Dialog>

[cagataycivici]

Works for 3.5.1;

https://codesandbox.io/s/cool-bash-p4w3g

Please create a new ticket with a code sandbox template demonstrating the issue.

[richardshergold]

Something to note: this doesn't work if you have :closable="false" specified