Combobox Control: Sync props.value with internal inputValue

[zaguiini]

Blocked by #65255.

What?

The Combobox was displaying a blank value when expanded, even though there was a selection. My guess is it was like that so all the suggestions show up. But that's a bit weird considering there is already a selected value, so we should narrow the options to the selected value.

Why?

Displays a consistent value regardless of the Combobox Control state, which improves UX.

How?

Uses a useLayoutEffect hook to make sure the value from outside is copied into inputValue whenever it changes.

Testing Instructions

Open Storybook > Components > Combobox Control and type anything. Blur the input and the value should be gone. Start typing again but this time select an option. Blur the input and the value should remain. Rinse and repeat.

Screenshots or screencast

Senza.nome.mov

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: zaguiini <zaguiini@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.