João Pedro Magalhães comments

Results 53 comments of


João Pedro Magalhães

[NavigationMenu] Option to open navigation menu on click instead of pointer enter

Hey @justkahdri, I don't think anything has changed https://codesandbox.io/p/sandbox/pensive-shadow-j8m3lm Can you provide a sandbox?

[NavigationMenu] Option to open navigation menu on click instead of pointer enter

> @jpizzle34 @benoitgrelard can you provide an example to force an open state on a navigation item? ```tsx ... // or const [value, setValue] = React.useState('some-value-item') ... ```

How to prevent closing of the sheet component?

A simple way is `onInteractOutside={event => event.preventDefault()}` in `SheetContent`

Sheet exit animation not working

How are you trying to add the exit animation?

Sheet exit animation not working

Seems to be an issue https://github.com/shadcn/ui/pull/127

`ScrollArea` doesn't work inside `Combobox`

It's an issue with Radix https://github.com/radix-ui/primitives/issues/1159. In the meantime, you can remove the portal part from Popover

`ScrollArea` doesn't work inside `Combobox`

> Hey! Sorry but what do you mean by removing the portal part from Popover? I mean just not render the `PopoverPrimitive.Portal` component

When putting a Select inside a dialog or Sheet the hover effect on the select items doesn't work

https://github.com/radix-ui/primitives/issues/2448#issuecomment-1758438552

Select with react-hook-form Control

@rogueturnip try use `value={field.value}` instead of `defaultValue={field.value}`

Select with react-hook-form Control

Hey @rogueturnip, if your issue is the same as @yousihy, make sure the value prop of `SelectItem` is a string [Codesandbox](https://codesandbox.io/p/sandbox/mystifying-cookies-zw7hvq?file=/app/page.tsx:1,1)