Set fallback focus element for react-focus-trap

This commit is contained in:
Yuki Hattori 2021-04-29 00:34:51 +09:00
parent c6dbbf21c8
commit 01dafd1dc5

View File

@ -95,6 +95,7 @@ export const Mobile: React.FC<LayoutProps> = ({
allowOutsideClick: () => true,
escapeDeactivates: false,
initialFocus: '#docs-nav',
fallbackFocus: '#docs-nav-toggle',
}}
>
<nav
@ -125,6 +126,7 @@ export const Mobile: React.FC<LayoutProps> = ({
<nav className="docs-topbar">
<button
className="docs-btn w-8 h-8 m-1 relative z-20"
id="docs-nav-toggle"
type="button"
onClick={toggle}
aria-controls="docs-nav"