Popover component while Input is onfocus

[luiskabes-arch]

Add a support to open the Popover component while Input component is onfocus

[wingkwong]

It's not clear based on this statement. Popover and input are two separate components. Do you mean autocomplete?

[luiskabes-arch]

Hello @wingkwong

Thanks for the reply,
Yes, it's a separate component, what I want to achieve here is open the Popover component to display some information, but the Popover should only opened when the Input component is onfocus.

here is the preview

[wingkwong]

Got it. What you can do is

• for popover, use controlled one. See here for an example.
• in input, set the popover open in onFocus

[luiskabes-arch]

I'll give it a shot, btw is onFocus one of event from Input component?? because I can't see that on the documentation

[wingkwong]

onFocus is an event handler in React. We only document our NextUI-specific events in our documentation.