Open
Description
Description
In an application I am working on, I wanted to listen to FocusEvents of a vaadin-select
to trigger some logic.
Now I noticed, that the FocusEvents are not fired, if I click the small arrow button on the end of the vaadin-select
, while they are fired when clicking somewhere else in the field.
Expected outcome
The behavior should be the same when I click the arrow
Minimal reproducible example
Here you can see that I added an eventlistener for "focus".
It only gets triggered when I click on the field but not when I click on the button.
VaadinSelectFocus.mp4
Steps to reproduce
- Open the Select example
- Open the console and register an evnetlistener for "focus" on the
vaadin-select
. - Click somewhere on the select except the arrow -> it should log an event
- Click somewhere outside to close the overlay -> another event should be logged
- Click somewhere on the page to remove the focus from the
vaadin-select
- Click the arrow -> no event is logged
Notes
I was able to implement a workaround by calling this.focus()
inside _onClick(event)
Environment
Vaadin version(s): 24.6.6
Browsers
Issue is not browser related