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

SpeedDial: Overlapping Issue #3504

Closed
acsellers opened this issue Jan 9, 2023 · 1 comment
Closed

SpeedDial: Overlapping Issue #3504

acsellers opened this issue Jan 9, 2023 · 1 comment
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@acsellers
Copy link

Describe the bug

When a SpeedDial overlaps another SpeedDial, the closed one can block clicks from the open one. Giving the open SpeedDial a higher z-index fixes the conflict for my instance at least.

Reproducer

https://codesandbox.io/s/jolly-river-f8z5n5

PrimeVue version

3.21.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

Click on the upper SpeedDial, the buttons will show up under the lower SpeedDial or the buttons will not be clickable.

Expected behavior

The Open SpeedDial should have its button clickable even if it overlaps another SpeedDial

@acsellers acsellers added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jan 9, 2023
@bahadirsofuoglu
Copy link
Contributor

Hi,
I believe that the problem you are experiencing can be solved without a core development. I hope the example I shared below will help you with the solution.
https://codesandbox.io/s/exciting-lumiere-c4i5vp?file=/src/App.vue

@bahadirsofuoglu bahadirsofuoglu added Status: Discussion Issue or pull request needs to be discussed by Core Team and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Jan 9, 2023
@mertsincan mertsincan added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Discussion Issue or pull request needs to be discussed by Core Team labels Jan 9, 2023
@mertsincan mertsincan self-assigned this Jan 9, 2023
@mertsincan mertsincan added this to the 3.22.0 milestone Jan 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

3 participants