[select] Overlay opens and closes immediately when disabled and pointer-events: auto

[web-padawan]

Description

When setting pointer-events: auto on the disabled vaadin-select it is possible to open it on click (and then it closes immediately). This is unexpected since clicking any component that is disabled should be ignored.

select-disabled-flash.mp4

Expected outcome

Expected no overlay open when disabled even if pointer-events: auto set on the host.

Minimal reproducible example

<vaadin-select label="Size" disabled style="pointer-events: auto"></vaadin-select>

<script type="module">
  import '@vaadin/select';

  const select = document.querySelector('vaadin-select');
  select.items = [
    { label: 'S', value: 's' },
    { label: 'M', value: 'm' },
    { label: 'L', value: 'l' },
    { label: 'XL', value: 'xl' },
  ];
</script>

Steps to reproduce

Open the page and click the disabled select.

Environment

Vaadin version(s): v24, v23

Browsers

Issue is not browser related