From aaef850e9cd0df56c82cc2a406fa90b20d8c1690 Mon Sep 17 00:00:00 2001
From: TarunAdobe <ttomar@adobe.com>
Date: Mon, 8 Jul 2024 14:04:56 +0530
Subject: [PATCH] chore: added slottable-request handling in
 interactionController

---
 packages/picker/src/InteractionController.ts | 4 ++++
 packages/picker/src/Picker.ts                | 4 +---
 2 files changed, 5 insertions(+), 3 deletions(-)

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) {