From a5c3971a1797436d0d03de243faeb16b9c45eb31 Mon Sep 17 00:00:00 2001
From: Alex Andres <58339654+devopvoid@users.noreply.github.com>
Date: Fri, 21 Jun 2024 19:34:27 +0200
Subject: [PATCH] Exported the popup part of the dropdown component (#2078)

---
 src/components/dropdown/dropdown.component.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/dropdown/dropdown.component.ts b/src/components/dropdown/dropdown.component.ts
index 8796d921..c022860b 100644
--- a/src/components/dropdown/dropdown.component.ts
+++ b/src/components/dropdown/dropdown.component.ts
@@ -34,7 +34,8 @@ import type SlMenu from '../menu/menu.js';
  * @event sl-hide - Emitted when the dropdown closes.
  * @event sl-after-hide - Emitted after the dropdown closes and all animations are complete.
  *
- * @csspart base - The component's base wrapper.
+ * @csspart base - The component's base wrapper, an `<sl-popup>` element.
+ * @csspart base__popup - The popup's exported `popup` part. Use this to target the tooltip's popup container.
  * @csspart trigger - The container that wraps the trigger.
  * @csspart panel - The panel that gets shown when the dropdown is open.
  *
@@ -406,6 +407,7 @@ export default class SlDropdown extends ShoelaceElement {
     return html`
       <sl-popup
         part="base"
+        exportparts="popup:base__popup"
         id="dropdown"
         placement=${this.placement}
         distance=${this.distance}