From 3cf2de74a9b85532386f355e3df0663e726a297f Mon Sep 17 00:00:00 2001
From: Axel Bocciarelli <axelboc@gmail.com>
Date: Tue, 18 Oct 2022 16:33:49 +0200
Subject: [PATCH] Fix stacking of domain slider tooltip

---
 packages/lib/src/toolbar/Toolbar.module.css                | 2 +-
 .../toolbar/controls/DomainSlider/DomainTooltip.module.css | 7 +++++--
 .../lib/src/toolbar/controls/Selector/Selector.module.css  | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/lib/src/toolbar/Toolbar.module.css b/packages/lib/src/toolbar/Toolbar.module.css
index b35526957..8ad47d557 100644
--- a/packages/lib/src/toolbar/Toolbar.module.css
+++ b/packages/lib/src/toolbar/Toolbar.module.css
@@ -1,6 +1,6 @@
 .toolbar {
   flex: 1 1 0%;
-  position: relative; /* for `z-index` below, in case parent doesn't have `display: flex`*/
+  position: relative; /* for `z-index` below, in case parent doesn't have `display: flex` */
   z-index: 1; /* for toolbar menus to appear above visualizations (overflow, selectors) */
   display: flex;
   min-width: 0;
diff --git a/packages/lib/src/toolbar/controls/DomainSlider/DomainTooltip.module.css b/packages/lib/src/toolbar/controls/DomainSlider/DomainTooltip.module.css
index 99f9adcd8..a1f256f82 100644
--- a/packages/lib/src/toolbar/controls/DomainSlider/DomainTooltip.module.css
+++ b/packages/lib/src/toolbar/controls/DomainSlider/DomainTooltip.module.css
@@ -1,8 +1,11 @@
 .tooltip {
   composes: popup from '../../Toolbar.module.css';
   left: 50%;
-  /* FIX style ordering issue with Vite */
-  transform: translate(-50%, 100%) !important;
+  z-index: 2; /* above overflow and selector menus */
+  transform: translate(
+    -50%,
+    100%
+  ) !important; /* FIX style ordering issue with Vite */
   /* Add invisible padding around tooltip to extend hover area */
   /* (especially for when enabling auto-scaling hides an error message). */
   padding-left: 2rem;
diff --git a/packages/lib/src/toolbar/controls/Selector/Selector.module.css b/packages/lib/src/toolbar/controls/Selector/Selector.module.css
index 6ffae60c1..81072d7a5 100644
--- a/packages/lib/src/toolbar/controls/Selector/Selector.module.css
+++ b/packages/lib/src/toolbar/controls/Selector/Selector.module.css
@@ -50,7 +50,7 @@
   top: calc(100% + 0.75rem);
   left: 50%;
   transform: translateX(-50%); /* center menu with button */
-  z-index: 1; /* above other selectors */
+  z-index: 1; /* above overflow menu */
   min-width: 100%;
   padding-top: 0.25rem;
   background-color: var(--h5w-selector-menu--bgColor, white);