Problems about pointer-events : none

[phu130201]

(https://stackoverflow.com/questions/79295806/pointerevent-none-happened-when-close-modal-in-nextjs15)
I have this issues and I can not fix it.

[MaciejGarncarski]

Hi, I've had the same problem, and I fixed it by updating @radix-ui/react-dialog, @radix-ui/react-popover and @radix-ui/react-alert-dialog to version 1.1.4

[phu130201]

Hi, I've had the same problem, and I fixed it by updating @radix-ui/react-dialog, @radix-ui/react-popover and @radix-ui/react-alert-dialog to version 1.1.4

I already changed the react-dialog to version 1.1.4 but still errors.

[Skayfa]

I have the same issue :/

[Lexachoc]

To avoid this, the following anatomy should fix this issue:

<DropdownMenu>
    <DropdownMenuTrigger>
    </DropdownMenuTrigger>
    <DropdownMenuContent>
        <DropdownMenuLabel>
        </DropdownMenuLabel>
        <DropdownMenuSeparator/>
        <DropdownMenuGroup>
            <Dialog>
                <DialogTrigger asChild>
                    <DropdownMenuItem>
                    </DropdownMenuItem>
                </DialogTrigger>
                <DialogContent>
                    <DialogHeader>
                        <DialogTitle>
                        </DialogTitle>
                    </DialogHeader>
                </DialogContent>
            </Dialog>
        </DropdownMenuGroup>
    </DropdownMenuContent>
</DropdownMenu>

And close the Dialog and then close the DropdownMenu.

The key point here is to wrap the Dialog inside the DropdownMenu and use DropdownMenuItem as the DialogTrigger

I use the above anatomy without problems.