add a wrapper span so we can pass a disabled button (#2322)

Automattic · Sep 3, 2020 · 406ed56 · 406ed56
1 parent 525d3cb
commit 406ed56
Showing 1 changed file with 16 additions and 9 deletions.
diff --git a/lib/icon-button/index.tsx b/lib/icon-button/index.tsx
@@ -10,15 +10,22 @@ type OwnProps = {
 type Props = OwnProps;
 
 export const IconButton = ({ icon, title, ...props }: Props) => (
-  <Tooltip
-    classes={{ tooltip: 'icon-button__tooltip' }}
-    enterDelay={200}
-    title={title}
-  >
-    <button className="icon-button" type="button" data-title={title} {...props}>
-      {icon}
-    </button>
-  </Tooltip>
+  <span>
+    <Tooltip
+      classes={{ tooltip: 'icon-button__tooltip' }}
+      enterDelay={200}
+      title={title}
+    >
+      <button
+        className="icon-button"
+        type="button"
+        data-title={title}
+        {...props}
+      >
+        {icon}
+      </button>
+    </Tooltip>
+  </span>
 );
 
 export default IconButton;