Skip to content
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

Open
DanGosw opened this issue Dec 27, 2024 · 4 comments
Open

Speed ​​Dial/Mask does not overlap #374

DanGosw opened this issue Dec 27, 2024 · 4 comments

Comments

@DanGosw
Copy link

DanGosw commented Dec 27, 2024

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",

@tugcekucukoglu
Copy link
Member

We cannot replicate the problem. The last two stackblitz links are not working and first demo seems to be working correctly.

@DanGosw
Copy link
Author

DanGosw commented Jan 28, 2025

I just updated the second link and also added the reproduction steps.

@tugcekucukoglu
Copy link
Member

Unfortunately, cannot run the second stackblitz.

@DanGosw
Copy link
Author

DanGosw commented Jan 28, 2025

Ok I just updated both links, now you can check, thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants