From 978bc8b6b24ae388cefaf7146a9545c798d18720 Mon Sep 17 00:00:00 2001
From: hxltrhuxze <hxltrhuxze@royalnavy.io>
Date: Mon, 9 Mar 2020 19:11:43 +0000
Subject: [PATCH] fix: scope Select stack context to stop label render bug #509

---
 packages/css-framework/src/components/_select.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/css-framework/src/components/_select.scss b/packages/css-framework/src/components/_select.scss
index 93d9b2d971..72dff8ba5e 100644
--- a/packages/css-framework/src/components/_select.scss
+++ b/packages/css-framework/src/components/_select.scss
@@ -1,12 +1,14 @@
 @use "../abstracts/functions" as f;
 
 .rn-select {
-  position: relative;
+
 
   .rn-select__control {
     padding-top: f.spacing("px");
     padding-bottom: f.spacing("px");
     border: 1px solid f.color("neutral", "200");
+    position: relative;
+    z-index: 0;
   }
 
   .rn-select__control--is-focused,
@@ -161,6 +163,7 @@
   }
 
   .rn-select__control--menu-is-open {
+    z-index: 1;
     .rn-arrow {
       transform: rotate(180deg) translateY(1px);
     }