diff --git a/src/components/select/select.tsx b/src/components/select/select.tsx index f0d2d5bfc..ed3ca2a08 100644 --- a/src/components/select/select.tsx +++ b/src/components/select/select.tsx @@ -12,10 +12,12 @@ let id = 0; * @slot help-text - Help text that describes how to use the select. * * @part base - The component's base wrapper. - * @part input - The select input. - * @part tags - The container in which multiselect options are rendered. - * @part icon - The select icon. * @part help-text - The select help text. + * @part icon - The select icon. + * @part input - The select input. + * @part menu - The internal element's base. + * @part panel - The internal element's panel. + * @part tags - The container in which multiselect options are rendered. */ @Component({ @@ -311,6 +313,7 @@ export class Select { (this.dropdown = el)} closeOnSelect={!this.multiple} containingElement={this.host} @@ -361,6 +364,8 @@ export class Select { (this.menu = el)} + part="menu" + exportparts="base:menu" class="select__menu" onSlSelect={this.handleMenuSelect} onKeyDown={this.handleMenuKeyDown}