Is there any way to open a select element by clicking on a separate button?
#Open select input on Button click
shut thorn
lethal vigil
Is there any way to open a select element by clicking on a separate button?
get input ref, call inputRef.current.click()
shut thorn
lethal vigil
Not working: https://codesandbox.io/s/priceless-firefly-qcq07e?file=/src/App.js
No idea then, used to work before
shut thorn
In the source code, I see that opening occurs in the onMouseDown event. So the following code works form me:
selectRef.current.dispatchEvent(
new MouseEvent("mousedown", { bubbles: true })
);
And to automatically close the select after clicking it, call focus() on input.
I replaced sandbox.
pure walrus
Hey @shut thorn - do you know how to close it programatically as well?
shut thorn
Maybe "mouseup" event?
pure walrus
Hmm, sounds like it could work - I'll try that out, thanks