From 531e3908f4fea5e15f030e5500da47ae05c91249 Mon Sep 17 00:00:00 2001
From: Will Hunt <will@half-shot.uk>
Date: Mon, 11 Nov 2024 16:00:14 +0000
Subject: [PATCH] Ensure dropdown is placed above other elements.

---
 src/components/Dropdown/Dropdown.module.css | 1 +
 src/styles/global.css                       | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/Dropdown/Dropdown.module.css b/src/components/Dropdown/Dropdown.module.css
index 8d249e1b..aff41076 100644
--- a/src/components/Dropdown/Dropdown.module.css
+++ b/src/components/Dropdown/Dropdown.module.css
@@ -88,6 +88,7 @@ limitations under the License.
       padding: 0;
       padding-block-end: var(--cpd-space-4x);
       cursor: pointer;
+      z-index: var(--cpd-dropdown-z-index);
 
       li {
         list-style: none;
diff --git a/src/styles/global.css b/src/styles/global.css
index fc82c0bf..b6651f51 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -17,6 +17,7 @@ limitations under the License.
 
 :root {
   --cpd-radius-pill-effect: 9999px;
+  --cpd-dropdown-z-index: 999;
 
   /* Default icon and avatar size */
   --cpd-icon-button-size: var(--cpd-space-8x);