Skip to content

Select not focussed when clicking the arrow #8775

Open
@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 evnetlistener 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

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions