From 9645660d87c6860f87b2e05b4b163335f7aee1e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Rodr=C3=ADguez?=
 <2887858+deivid-rodriguez@users.noreply.github.com>
Date: Mon, 3 Nov 2025 21:15:05 +0100
Subject: [PATCH] Fix tag rule visibility select box options hidden by save bar

---
 app/webpacker/css/admin/components/save_bar.scss      | 2 +-
 app/webpacker/css/admin_v3/components/tom_select.scss | 1 +
 app/webpacker/css/admin_v3/globals/variables.scss     | 3 +++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/webpacker/css/admin/components/save_bar.scss b/app/webpacker/css/admin/components/save_bar.scss
index 649e129ea5..ea5c2415b4 100644
--- a/app/webpacker/css/admin/components/save_bar.scss
+++ b/app/webpacker/css/admin/components/save_bar.scss
@@ -1,7 +1,7 @@
 #save-bar {
   position: fixed;
   width: 100%;
-  z-index: 100;
+  z-index: $save-bar-z-index;
   bottom: 0px;
   left: 0;
   padding: 8px 8px;
diff --git a/app/webpacker/css/admin_v3/components/tom_select.scss b/app/webpacker/css/admin_v3/components/tom_select.scss
index 67b28dd0c2..61973ea7fa 100644
--- a/app/webpacker/css/admin_v3/components/tom_select.scss
+++ b/app/webpacker/css/admin_v3/components/tom_select.scss
@@ -99,6 +99,7 @@
   .ts-dropdown {
     // Cover up the control with the input
     top: 0;
+    z-index: $ts-dropdown-z-index;
   }
 
   .dropdown-input-wrap::after {
diff --git a/app/webpacker/css/admin_v3/globals/variables.scss b/app/webpacker/css/admin_v3/globals/variables.scss
index ef5705694e..efacef9a09 100644
--- a/app/webpacker/css/admin_v3/globals/variables.scss
+++ b/app/webpacker/css/admin_v3/globals/variables.scss
@@ -187,3 +187,6 @@ $btn-condensed-height:           26px !default;
 $tos-banner-z-index: 1001;
 $flash-message-z-index: 1000;
 $tag-drop-down-z-index: 999;
+
+$ts-dropdown-z-index: 101;
+$save-bar-z-index: 100;