diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx index 06605e3..383c3f3 100644 --- a/src/components/ui/sheet.tsx +++ b/src/components/ui/sheet.tsx @@ -4,7 +4,30 @@ import { cva, type VariantProps } from 'class-variance-authority' import { X } from 'lucide-react' import { cn } from '@/lib/utils' -const Sheet = SheetPrimitive.Root +// Bug conocido de Radix/react-remove-scroll: si un re-render externo coincide con la +// animación de cierre, el cleanup que restaura `pointer-events` del body no se ejecuta +// — toda la página queda no interactiva hasta refrescar manualmente. El defer de 350ms +// en algunos callers (ej. ProfileSheet) mitiga UNA causa, pero no es estructural: este +// fallback corrige el estado real del DOM sin asumir cuál fue la causa de la falla. +// 400ms > duración de la animación de salida (300ms, ver sheetVariants). +function Sheet({ onOpenChange, ...props }: React.ComponentPropsWithoutRef) { + return ( + { + onOpenChange?.(open) + if (!open) { + window.setTimeout(() => { + const stillHasOpenDialog = document.querySelector('[role="dialog"][data-state="open"]') + if (!stillHasOpenDialog && document.body.style.pointerEvents === 'none') { + document.body.style.pointerEvents = '' + } + }, 400) + } + }} + {...props} + /> + ) +} const SheetTrigger = SheetPrimitive.Trigger const SheetClose = SheetPrimitive.Close const SheetPortal = SheetPrimitive.Portal