[Vue] ComboboxInput should not trigger selecting option and closing combobox when isComposing is true

[soc221b]

What package within Headless UI are you using?

@headlessui/vue

What version of that package are you using?

v1.7.1

What browser are you using?

Chrome 105.0.5195.102

Reproduction URL

https://stackblitz.com/edit/github-gdgttl-adfjpj?file=src/views/Home.vue

Describe your issue

ComboboxInput should not trigger selecting option and closing combobox when isComposing is true.

headlessui/packages/@headlessui-vue/src/components/combobox/combobox.ts

Lines 675 to 690 in e926d69

	case Keys.Enter:
	if (api.comboboxState.value !== ComboboxStates.Open) return
	event.preventDefault()
	event.stopPropagation()
	if (api.activeOptionIndex.value === null) {
	api.closeCombobox()
	return
	}
	api.selectActiveOption()
	if (api.mode.value === ValueMode.Single) {
	api.closeCombobox()
	}
	break

[RobinMalfait]

Hey! Thank you for your bug report!
Much appreciated! 🙏

This should be fixed by #1850, and will be available in the next release.

You can already try it using:

• npm install @headlessui/react@insiders.
• npm install @headlessui/vue@insiders.