Merge pull request #12379 from influxdata/fix/cells-context-menu

fix(ui): update z-index of cells when hovered

CHANGELOG.md

@@ -7,6 +7,7 @@
 ### Bug Fixes
 
 1. [12302](https://github.com/influxdata/influxdb/pull/12302): Prevent clipping of code snippets in Firefox
+1. [12379](https://github.com/influxdata/influxdb/pull/12379): Prevent clipping of cell edit menus in dashboards
 
 ### UI Improvements
 

ui/src/shared/components/cells/react-grid-layout.scss

@@ -14,6 +14,10 @@
   z-index: $z--cell-default;
   transition: all 200ms ease;
   transition-property: left, top;
+
+  &:hover {
+    z-index: $z--cell-context-hover;
+  }
 }
 .react-grid-item.cssTransforms {
   transition-property: transform;
@@ -58,7 +62,7 @@
   bottom: 0;
   right: 0;
   opacity: 0;
-  
+
   &:before,
   &:after {
     content: '';