Fix disabled hiding

cee-chen · cee-chen · commit 998cd841259f · 2023-08-14T18:05:15.000-07:00
The `hidden` attribute sadly gets overridden by the new `display: flex`, so we need to restore the `:disabled { display: none }` selector
diff --git a/src/components/resizable_container/resizable_button.styles.ts b/src/components/resizable_container/resizable_button.styles.ts
@@ -32,6 +32,10 @@ export const euiResizableButtonStyles = (euiThemeContext: UseEuiTheme) => {
       justify-content: center;
       gap: ${mathWithUnits(grabHandleHeight, (x) => x * 2)};
 
+      &:disabled {
+        display: none;
+      }
+
       /* 1 */
       &:hover,
       &:focus {
diff --git a/src/components/resizable_container/resizable_button.tsx b/src/components/resizable_container/resizable_button.tsx
@@ -128,7 +128,6 @@ export const EuiResizableButton: FunctionComponent<EuiResizableButtonProps> = ({
           onFocus={() => onFocus?.(resizerId)}
           onBlur={onBlur}
           disabled={isDisabled}
-          hidden={isDisabled}
           {...rest}
         />
       )}
