Fix disabled hiding

The `hidden` attribute sadly gets overridden by the new `display: flex`, so we need to restore the `:disabled { display: none }` selector
elastic · Aug 15, 2023 · 998cd84 · 998cd84
1 parent 78e57b8
commit 998cd84
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
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}
         />
       )}