danvics/ProzillaOS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed dropdown buttons tab index

Browse source
This commit is contained in:
Prozilla 2023-08-07 17:28:05 +02:00
parent db65549151
commit 2ea01f07fe
No known key found for this signature in database
GPG key ID: 5858DFE71CAF31EE
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/utils/DropdownButton.jsx
View file

@ -1,4 +1,4 @@
import { useState } from "react"; import { useEffect, useState } from "react";
import styles from "./DropdownButton.module.css"; import styles from "./DropdownButton.module.css";
import OutsideClickListener from "../../hooks/utils/outsideClick.js"; import OutsideClickListener from "../../hooks/utils/outsideClick.js";
import { formatShortcut } from "../../features/utils/string.js"; import { formatShortcut } from "../../features/utils/string.js";
@ -11,10 +11,11 @@ import { formatShortcut } from "../../features/utils/string.js";
*/ */
export function DropdownButton({ label, options, shortcuts }) { export function DropdownButton({ label, options, shortcuts }) {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [tabIndex, setTabIndex] = useState(-1);
const tabIndex = () => { useEffect(() => {
return open ? 0 : -1; setTabIndex(open ? 0 : -1);
}; }, [open]);
return ( return (
<OutsideClickListener onOutsideClick={() => { setOpen(false); }}> <OutsideClickListener onOutsideClick={() => { setOpen(false); }}>