[BUG] - Accordion component is avoiding focus on inputs

[lmalvasia]

NextUI Version

2.4.2

Describe the bug

We are currently using some inputs inside an accordion component. When we try to focus on the input (clicking on it), it looks like the accordion component is getting focused instead of the input component, so we have to click twice on the input to focus on it and start writing.

Your Example Website or App

https://codesandbox.io/p/devbox/sparkling-smoke-mync9z

Steps to Reproduce the Bug or Issue

• Add an accordion component with one accordion item
• Inside the accordion item, add one input
• Try to write on the input. It's necessary to make two clicks to start writing

Expected behavior

The input should get the focus instead of the accordion component.
Not necessary to make two clicks to start writing.

Screenshots or Videos

No response

Operating System Version

macOS

Browser

Chrome

[linear]

ENG-1147 [BUG] - Accordion component is avoiding focus on inputs

[awesome-pro]

@lmalvasia I think using <Input autoFocus /> may solve your issue. I used it and it works.

[lmalvasia]

@abhinandan-verma Looks like the autoFocus property is working like a first click 😂 Nice workaround, thanks

[awesome-pro]

@lmalvasia welcome, but I believe this issue needs to be solved permanently. And I shall work on it soon :)