Focus input in popover dont work

[Nisgrak]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.2.20

Environment

vue 3.2.36, chrome 114

Reproduction link

Steps to reproduce

Create an input as content of a popover
Use a template ref
Watch the template ref and call the focus function
Event with a nextTick it doesn't work

What is expected?

Focus the input stored in the template ref

What is actually happening?

Not focusing the input

[AdrianAbramczyk]

The same issue is present with a simple input element, so the issue is whether with the ant popover component or the way we trigger the focus with vue 3.

You can make it work with a setTimeout, therefore the focus is called too early somehow.
https://codesandbox.io/s/basic-usage-ant-design-vue-3-2-20-forked-w7nfdd

However, I can't find any hooks that would do the job.
I tried with watchPostEffect and watchSyncEffect as well, without success.

It would be great to have a clean solution to this.

[AdrianAbramczyk]

Are you aware of this issue @tangjinzhou ?

[RaphaelColleter]

I have the same issue with ant select, with auto focus to true, it doesn't focus the select. I used the solution described by @AdrianAbramczyk with a setTimeout and it works.

It would be great to fix it.

There was an issue here but closed for inactivity.
#5427

[github-actions]

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.