The SelectedOption and SelectedOptions returns empty results and they reactive using the useSelect composable

[boussadjra]

Describe the bug
I want to get the SelectedOption or SelectedOptions inside the SelectField component based on the useSelect composable in order to be able to return the option label and show it inside the input box, However this is not reactive and it returns empty result at the first rendering

To Reproduce
Please check this playground example then inside the SelectField component I logged these return values (selectedOption and selectedOptions) where you can see the described issue

Expected behavior

I expect to get the selectedOption object or selectedOptions array whenever I select an option

• @formwerk/core : 0.5.0

[logaretm]

Fixed with v0.5.1

[boussadjra]

Thanks, it works fine but when you close the popover the value will be reset to undefined/[]. I want to render its label inside the input box

[logaretm]

I don't think that happens, or I don't observe this behavior in the example you provided. Can you provide another one?

[boussadjra]

It's weird, it works on the online playground but in my local project it doesn't. I try to investigate it more

[logaretm]

If in your local project you are using v-if to hide the options then it may cause this, this applies if you are hiding the entire dropdown or not. Basically we want the options to be in VDOM at all times.

Alternatively, try wrapping them with keep-alive, maybe this is the problem?