Description
Hi everyone, I just updated the tailwind styles in my project, previously I was using the presets in .js, but I have a problem with the speeddial component when I use mask, it doesn't overlay and still lets you interact with the content it should overlay, I have these examples:
expected behavior:
What should happen here is that if I click on the mask, it should not let me interact with the content it overlays, which did not happen with the old styles in .js
In the first link with the old styles in .js, when opening speeddial it did not allow interaction with the background content until it was closed.
With the new styles, when opening it still allows interaction with the input that is being superimposed.
In this version with the old styles when you do a console.log what you get is the mask classes
Old style:
https://stackblitz.com/edit/vitejs-vite-wrdpmoww?file=src%2FApp.vue
example: https://github.com/user-attachments/assets/fb53188d-ce85-4624-be24-14788fb77b6e
But in the version with the new styles it only returns null, and I can interact with the components that it should override.
new style:
https://stackblitz.com/edit/vitejs-vite-66qfrn3q?file=src%2FApp.vue
example: https://github.com/user-attachments/assets/45355a27-d755-4d55-a9fe-57876dfa0b8b
In addition to this, when checking speedDial demos on stackblitz, it throws an error because vue-router is being used, but it is not defined in package.json
https://stackblitz.com/run?file=src%2FApp.vue
Version of package:
"primevue": 4.2.5,
"vue": "^3.5.13",
"tailwind": ^3.4.17,
"tailwindcss-primeui": "^0.3.4",
"autoprefixer": "^10.4.20",
"postcss": "^8.4.49",