fix(core): select multiple pointer event

Signed-off-by: Cory Rylan <crylan@nvidia.com>

Author: coryrylan

projects/core/src/combobox/combobox.test.ts

@@ -132,11 +132,10 @@ describe(Combobox.metadata.tag, () => {
     expect(dropdown.matches(':popover-open')).toBe(true);
   });
 
-  it('should assign trigger and anchor to inner input container', async () => {
+  it('should assign anchor to inner input container', async () => {
     const dropdown = element.shadowRoot.querySelector<Dropdown>(Dropdown.metadata.tag);
     const inputContainer = element.shadowRoot.querySelector<HTMLDivElement>('[input]');
     expect(dropdown.anchor).toBe(inputContainer);
-    expect(dropdown.trigger).toBe(inputContainer);
   });
 
   it('should hide options on escape keypress', async () => {

projects/core/src/combobox/combobox.ts

@@ -201,7 +201,7 @@ export class Combobox extends Control implements ContainerElement {
     const hasNoResults = visibleOptions.filter(o => !o.disabled).length === 0;
     const showCreateItem = this.#showCreateItem;
     return html`
-    <nve-dropdown part="dropdown" .popoverType=${'manual'} .modal=${false} @open=${this.#onDropdownOpen} @close=${this.#closeListBox} hidden .anchor=${this.#input as HTMLElement} .trigger=${this.#input as HTMLElement} position="bottom">
+    <nve-dropdown part="dropdown" .popoverType=${'manual'} .modal=${false} @open=${this.#openDropdown} @close=${this.#closeDropdown} hidden .anchor=${this.#input as HTMLElement} position="bottom">
       <nve-menu part="menu" role="listbox" style="--width: 100%; --min-width: fit-content" aria-label=${ifDefined(this.i18n.select)}>
         ${visibleOptions.map(
           o => html`
@@ -371,8 +371,14 @@ export class Combobox extends Control implements ContainerElement {
     }
   }
 
-  #onDropdownOpen(e: Event) {
-    (e.target as HTMLElement).hidden = false;
+  #openDropdown() {
+    this.#dropdown!.hidden = false;
+  }
+
+  #closeDropdown() {
+    this.#dropdown!.hidden = true;
+    this._internals.states.delete('dirty');
+    this.#validateSingleSelectValue();
   }
 
   #setupAutoCompleteKeyEvents() {
@@ -515,12 +521,6 @@ export class Combobox extends Control implements ContainerElement {
     }
   }
 
-  #closeListBox() {
-    this.#dropdown!.hidePopover();
-    this._internals.states.delete('dirty');
-    this.#validateSingleSelectValue();
-  }
-
   #validateSingleSelectValue() {
     const invalidInputValue =
       this.#select &&

projects/core/src/select/select.global.css

@@ -0,0 +1,6 @@
+/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */
+/* SPDX-License-Identifier: Apache-2.0 */
+
+nve-select select[multiple] option {
+  pointer-events: none !important;
+}

projects/core/src/select/select.ts

@@ -13,14 +13,16 @@ import {
   I18nController,
   onChildListMutation,
   getElementUpdate,
-  scopedRegistry
+  scopedRegistry,
+  appendRootNodeStyle
 } from '@nvidia-elements/core/internal';
 import { Control } from '@nvidia-elements/core/forms';
 import { Icon } from '@nvidia-elements/core/icon';
 import { Menu, MenuItem } from '@nvidia-elements/core/menu';
 import { Dropdown } from '@nvidia-elements/core/dropdown';
 import { Tag } from '@nvidia-elements/core/tag';
 import styles from './select.css?inline';
+import globalStyles from './select.global.css?inline';
 
 /**
  * @element nve-select
@@ -156,7 +158,7 @@ export class Select extends Control {
     return this.#select?.size === 0
       ? html`
       <nve-icon name="caret" part="caret" direction="down" size="sm" aria-hidden="true"></nve-icon>
-      <nve-dropdown part="dropdown" @close=${this.#closeDropdown} @open=${this.#openDropdown} hidden  .anchor=${this.#input as HTMLElement} .trigger=${this.#input as HTMLElement}  position="bottom">
+      <nve-dropdown part="dropdown" @close=${this.#closeDropdown} @open=${this.#openDropdown} hidden .anchor=${this.#input as HTMLElement} position="bottom">
         ${this.#menu}
       </nve-dropdown>`
       : this.#menu;
@@ -189,6 +191,11 @@ export class Select extends Control {
     });
   }
 
+  connectedCallback() {
+    super.connectedCallback();
+    appendRootNodeStyle(this, globalStyles);
+  }
+
   disconnectedCallback() {
     super.disconnectedCallback();
     this.#observers.forEach(observer => observer.disconnect());