-
Notifications
You must be signed in to change notification settings - Fork 81
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Speed Dial/Mask does not overlap #374
Comments
We cannot replicate the problem. The last two stackblitz links are not working and first demo seems to be working correctly. |
I just updated the second link and also added the reproduction steps. |
Unfortunately, cannot run the second stackblitz. |
Ok I just updated both links, now you can check, thanks |
@tugcekucukoglu I have added an example of the problem I have, if you can review it I will be grateful, thank you. |
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",
The text was updated successfully, but these errors were encountered: