diff --git a/packages/action-menu/src/ActionMenu.ts b/packages/action-menu/src/ActionMenu.ts index 790a4518ba..63fba89f3a 100644 --- a/packages/action-menu/src/ActionMenu.ts +++ b/packages/action-menu/src/ActionMenu.ts @@ -63,7 +63,7 @@ export class ActionMenu extends ObserveSlotPresence( return this.slotContentIsPresent; } - protected override handleSlottableRequest = ( + public override handleSlottableRequest = ( event: SlottableRequestEvent ): void => { this.dispatchEvent(new SlottableRequestEvent(event.name, event.data)); diff --git a/packages/picker/src/InteractionController.ts b/packages/picker/src/InteractionController.ts index c12ff2dc88..2d8cfdd61c 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 8d48360509..3d16496743 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) {