fix: Resolve tab navigation issue in Firefox (#4562)

Co-authored-by: Manuel Brandstetter <[email protected]>
inovex · Nov 8, 2024 · b55eedd · b55eedd
1 parent 60863ef
commit b55eedd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/ColorPicker/ColorPicker.tsx b/src/components/ColorPicker/ColorPicker.tsx
@@ -34,7 +34,7 @@ export const ColorPicker = (props: ColorPickerProps) => {
   }
 
   return (
-    <ReactFocusLock autoFocus={false} className="fix-focus-lock-placement">
+    <ReactFocusLock autoFocus className="fix-focus-lock-placement">
       <ul className="color-picker">
         <li className={`${getColorClassName(props.activeColor)} color-picker__item`}>
           <button

diff --git a/src/components/MiniMenu/MiniMenu.tsx b/src/components/MiniMenu/MiniMenu.tsx
@@ -17,7 +17,7 @@ type MiniMenuProps = {
 };
 
 export const MiniMenu = ({className, items}: MiniMenuProps) => (
-  <ReactFocusLock autoFocus={false}>
+  <ReactFocusLock autoFocus>
     <div className={classNames(className, "mini-menu")}>
       {items.map((item) => {
         const anchor = uniqueId(`mini-menu-${item.label}`);