Dropdown: unselects option when loses focus

[sandrocsimas]

Describe the bug

The dropdown loses the selected option when the component loses focus. The event onKeyDown is coming with an undefined value, resetting the field. The event onClick works fine.

Reproducer

https://stackblitz.com/edit/vitejs-vite-yy9mcw

PrimeReact version

10.5.1

React version

18.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

1. Open the Stackblitz link;
2. Select an option in the dropdown;
3. Press tab;

The dropdown option you selected is cleared.

Expected behavior

The selected option should remain.

[melloware]

Hmm the hook form example on the showcase is working? https://primereact.org/dropdown/#hookform

[melloware]

Also I just disabled Strict Mode and it looks like its working: https://stackblitz.com/edit/vitejs-vite-8uvnxd?file=src%2Fmain.tsx

So its a strict mode issue i think.

[sandrocsimas]

In your link, for me, it is still happening. You need to test it twice. The first selection works fine.

[melloware]

Yep you are right now it works the first time but not subsequent times.

[sandrocsimas]

Here I added console.log to the events: https://stackblitz.com/edit/vitejs-vite-8v5uqj?file=src%2FApp.tsx

The problem is the onKeyDown event.

[melloware]

Yep

[melloware]

OK fixed it.