Skip to content

Dropdown fields open / close overlay inconsistently on label click #8262

@web-padawan

Description

@web-padawan

Describe your motivation

Originally reported in #7812 (comment) but that issue was related to focus / blur and this one is about opened state.

Currently, our field components work differently on label click since they have different logic:

ComboBox

  • Opens overlay on label element click
  • Closes on subsequent label click ("outside click" logic applies) and then re-opens immediately
combo-label-click.mp4

DatePicker

  • Opens overlay on label element click
  • Doesn't close on subsequent label click (as the vaadin-overlay-close on outside click is prevented)
date-picker-label-click.mp4

TimePicker & MultiSelectComboBox

  • Doesn't open overlay on label element click
  • Closes on label click when opened ("outside click" logic applies)
time-picker-label-click.mp4

Select

  • Opens overlay on label element click
  • Closes overlay on subsequent label click
select-label-click.mp4

Describe the solution you'd like

IMO we should consider aligning components to behave either like DatePicker or like Select.

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