wireui / wireui

TallStack UI components
https://v1.wireui.dev
MIT License
1.37k stars 166 forks source link

Dialogs Not Working Overflow Issue #781

Open abbasmashaddy72 opened 6 months ago

abbasmashaddy72 commented 6 months ago

Describe the bug After implementing the code as instructed in the Layout File, I encountered an unexpected issue. The code resulted in a full-page overlay that prevents me from interacting with the webpage. Unfortunately, this issue is preventing the dialog from functioning as intended, and I'm currently unable to use it as expected.

<x-dialog />
        or
<x-dialog z-index="z-50" blur="md" align="center" />

Expected behavior The following code is meant to display a dialog, but it seems to be causing an issue with an overlay that prevents me from interacting with it. This overlay is hindering my ability to engage with the dialog as intended.

$this->dialog()->show([
    'title'       => 'Profile saved!',
    'description' => 'Your profile was successfully saved',
    'icon'        => 'success'
]);

Screenshots or Videos image

Dependencies

Additional context I am already using forms & notifications, which works fine without any issues.

abbasmashaddy72 commented 6 months ago

When I remove .overflow-y-auto and z-50 then it works but not showing the dialog on top when enabled again it shows on top