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()=>{
 constdropdown=element.shadowRoot.querySelector<Dropdown>(Dropdown.metadata.tag);
 constinputContainer=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 {
 consthasNoResults=visibleOptions.filter(o=>!o.disabled).length===0;
 constshowCreateItem=this.#showCreateItem;
 returnhtml`
-<nve-dropdownpart="dropdown" .popoverType=${'manual'}.modal=${false} @open=${this.#onDropdownOpen} @close=${this.#closeListBox} hidden .anchor=${this.#input asHTMLElement} .trigger=${this.#input asHTMLElement} position="bottom">
+<nve-dropdownpart="dropdown" .popoverType=${'manual'}.modal=${false} @open=${this.#openDropdown} @close=${this.#closeDropdown} hidden .anchor=${this.#input asHTMLElement} position="bottom">
 <nve-menupart="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.targetasHTMLElement).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(){
 constinvalidInputValue=
 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-selectselect[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';
 importstylesfrom'./select.css?inline';
+importglobalStylesfrom'./select.global.css?inline';
 
 /**
  * @element nve-select
@@ -156,7 +158,7 @@ export class Select extends Control {
 returnthis.#select?.size===0
  ? html`
 <nve-iconname="caret" part="caret" direction="down" size="sm" aria-hidden="true"></nve-icon>
-<nve-dropdownpart="dropdown" @close=${this.#closeDropdown}@open=${this.#openDropdown} hidden .anchor=${this.#input asHTMLElement} .trigger=${this.#input asHTMLElement} position="bottom">
+<nve-dropdownpart="dropdown" @close=${this.#closeDropdown}@open=${this.#openDropdown} hidden .anchor=${this.#input asHTMLElement} 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());