Fix asyncapi#961: Restore focus outline on buttons for accessibility

Souvik9205 · Jul 2, 2024 · 08dafba · 08dafba
1 parent 571a94a
commit 08dafba
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 5 deletions.
diff --git a/library/src/components/CollapseButton.tsx b/library/src/components/CollapseButton.tsx
@@ -31,11 +31,7 @@ export const CollapseButton: React.FunctionComponent<Props> = ({
   children,
   ...rest
 }) => (
-  <button
-    {...rest}
-    className={`focus:outline-none ${rest.className}`}
-    type="button"
-  >
+  <button {...rest} className={`focus:outline ${rest.className}`} type="button">
     <div className="inline-block">{children}</div>
     <HiChevronRight
       {...chevronProps}

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -61,5 +61,8 @@
     "prettier": "^3.2.5",
     "tslib": "^1.10.0",
     "typescript": "^5.3.3"
+  },
+  "dependencies": {
+    "@asyncapi/react-component": "^2.0.4"
   }
 }