Skip to content

Select not focussed when clicking the arrow #8775

@probert94

Description

@probert94

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

  1. Open the Select example
  2. Open the console and register an eventlistener for "focus" on the vaadin-select.
  3. Click somewhere on the select except the arrow -> it should log an event
  4. Click somewhere outside to close the overlay -> another event should be logged
  5. Click somewhere on the page to remove the focus from the vaadin-select
  6. 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

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions