From 4bda5725b53c51d7c5e78790deef5ecda7519df0 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Thu, 1 Aug 2024 13:28:45 -0400
Subject: [PATCH] backport 2078

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

diff --git a/src/components/dropdown/dropdown.ts b/src/components/dropdown/dropdown.ts
index ad850c74a..1cc9edefb 100644
--- a/src/components/dropdown/dropdown.ts
+++ b/src/components/dropdown/dropdown.ts
@@ -38,7 +38,8 @@ import type WaPopup from '../popup/popup.js';
  *
  * @cssproperty --box-shadow - The shadow effects around the dropdown's edges.
  *
- * @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.
  */
@@ -412,6 +413,7 @@ export default class WaDropdown extends WebAwesomeElement {
     return html`
       <wa-popup
         part="base"
+        exportparts="popup:base__popup"
         id="dropdown"
         placement=${this.placement}
         distance=${this.distance}