Forms in Sheet

[ervnjmsdnts]

Hello,

So I am trying to get forms working inside of a Sheet. My form includes 1 input, 3 selects, and a date picker. For some reason, whenever select or date picker are inside a sheet, interactivity is gone, like hover, and with date-picker you can't select a date.

I already wrapped my SheetPrimitive.Content with SheetOverlay

<SheetPortal>
    <SheetOverlay>
      <SheetPrimitive.Content
        ref={ref}
        className={cn(sheetVariants({ side }), className)}
        {...props}>
        {children}
        <SheetPrimitive.Close className='absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary'>
          <X className='h-4 w-4' />
          <span className='sr-only'>Close</span>
        </SheetPrimitive.Close>
      </SheetPrimitive.Content>
    </SheetOverlay>
  </SheetPortal>

[ervnjmsdnts]

Found a temporary solution here