diff --git a/packages/picker/src/InteractionController.ts b/packages/picker/src/InteractionController.ts index c12ff2dc88b..2d8cfdd61c5 100644 --- a/packages/picker/src/InteractionController.ts +++ b/packages/picker/src/InteractionController.ts @@ -150,6 +150,10 @@ export class InteractionController implements ReactiveController { this.overlay.receivesFocus = 'true'; this.overlay.willPreventClose = this.preventNextToggle !== 'no' && this.open; + this.overlay.addEventListener( + 'slottable-request', + this.host.handleSlottableRequest + ); } } diff --git a/packages/picker/src/Picker.ts b/packages/picker/src/Picker.ts index 8d48360509e..3d16496743c 100644 --- a/packages/picker/src/Picker.ts +++ b/packages/picker/src/Picker.ts @@ -351,9 +351,7 @@ export class PickerBase extends SizedMixin(Focusable, { noDefaultSize: true }) { | undefined; } - protected handleSlottableRequest = ( - _event: SlottableRequestEvent - ): void => {}; + public handleSlottableRequest = (_event: SlottableRequestEvent): void => {}; protected renderLabelContent(content: Node[]): TemplateResult | Node[] { if (this.value && this.selectedItem) {