fix(UIShell): fix hover issue, reasonable default for enter/exit delay (#13961)

tw15egan · kodiakhq[bot] · web-flow · commit 7efc2f3c4264 · 2023-06-16T13:20:42.000Z
Co-authored-by: kodiakhq[bot] &lt;49736102+kodiakhq[bot]@users.noreply.github.com&gt;
diff --git a/packages/react/src/components/IconButton/index.js b/packages/react/src/components/IconButton/index.js
@@ -21,10 +21,10 @@ const IconButton = React.forwardRef(function IconButton(props, ref) {
     closeOnActivation = true,
     defaultOpen = false,
     disabled,
-    enterDelayMs,
+    enterDelayMs = 100,
     kind,
     label,
-    leaveDelayMs,
+    leaveDelayMs = 100,
     wrapperClasses,
     size,
     ...rest
diff --git a/packages/styles/scss/components/ui-shell/header/_header.scss b/packages/styles/scss/components/ui-shell/header/_header.scss
@@ -48,6 +48,10 @@
     }
   }
 
+  .#{$prefix}--header__global .#{$prefix}--popover {
+    z-index: z('header') + 1;
+  }
+
   .#{$prefix}--header__action > :first-child {
     margin-block-start: 0;
   }

Original file line number	Diff line number	Diff line change
`@@ -48,6 +48,10 @@`
`48`	`48`	`}`
`49`	`49`	`}`
`50`	`50`
	`51`	`+ .#{$prefix}--header__global .#{$prefix}--popover {`
	`52`	`+ z-index: z('header') + 1;`
	`53`	`+ }`
	`54`	`+`
`51`	`55`	`.#{$prefix}--header__action > :first-child {`
`52`	`56`	`margin-block-start: 0;`
`53`	`57`	`}`