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"
  }
 }