Combobox autofocus the input

[daleydev]

I don't see an option to autofocus the input on the doc: https://bits-ui.com/docs/components/combobox

Since <Combobox.Input /> is a component, I can't use use:action or bind:this to focus it programmatically.

Or am I just missing something.

[shyakadavis]

I think this is do-able. You can try binding to its ref. https://bits-ui.com/docs/components/combobox#input

ref
$bindable

HTMLInputElement

The underlying DOM element being rendered. You can bind to this to get a reference to the element.

[Enable-Lukas]

If you display an element and want it to be focused automatically, you can simply add autofocus to it, and the focus will be set on it as soon as it appears.

      <Combobox.Input
	 oninput={handleInputChange}
	onblur={handleDeselect}
	{placeholder}
	autofocus  <--------
	 onclick={() => {
		open = true;
	}}
/>

[vladshcherbin]

@Enable-Lukas you can use child snippet to expose <input> component and any prop 😉