Радикс -диалоговое наложение исчезает при переключении вкладок браузера (next.js + shadcn) ⇐ Javascript

[Anonymous]

Я использую диалог Radix UI Dialog (через пользовательский интерфейс ShadCN) в своем проекте Next.js 13+.
Когда я открываю диалоговое окно, все работает нормально — наложение (bg-black/80) отображается так, как ожидалось, и блокирует фон.
Однако, если я переключу вкладки браузера (или свернуту окно Chrome), а затем снова вернусь на вкладку,
черное наложение исчезнет, ​​но содержимое диалогового окна остается видимым и интерактивным.
Поэтому выглядит так, будто диалоговое окно плавает на экране без затемненного фона.
Это происходит только после изменения фокуса вкладки, а не при обычном открытии или закрытии.
и я использую это так

Код: Выделить всё

 setOpen(true)}>Open Dialog


Dialog content here

и мой диалог.tsx такой

Код: Выделить всё

"use client"

import * as React from "react"
import * as DialogPrimitive from "@radix-ui/react-dialog"
import { X } from "lucide-react"
import { cn } from "@/lib/utils"

const Dialog = ({ children, ...props }: React.ComponentPropsWithoutRef) => (
{children}
)

const DialogTrigger = DialogPrimitive.Trigger
const DialogPortal = DialogPrimitive.Portal
const DialogOverlay = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef
>(({ className, ...props }, ref) => (

))
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName

const DialogContent = React.forwardRef<
React.ElementRef,
React.ComponentPropsWithoutRef
>(({ className, children, ...props }, ref) => (



{children}





))
DialogContent.displayName = DialogPrimitive.Content.displayName

export { Dialog, DialogTrigger, DialogContent }

и когда я пытаюсь закрыть диалоговое окно, наложение которого уже удалено, оно показывает мне эту ошибку.

Ошибка: не удалось выполнить команду «removeChild» на «Узле»: удаляемый
узел не является дочерним для этого узла.


Подробнее здесь: https://stackoverflow.com/questions/797 ... -js-shadcn