From b55eeddebc76c317634985056108af4419e36c8d Mon Sep 17 00:00:00 2001
From: "Frank J." <119339477+Aejkatappaja@users.noreply.github.com>
Date: Fri, 8 Nov 2024 13:56:13 +0100
Subject: [PATCH] fix: Resolve tab navigation issue in Firefox (#4562)

Co-authored-by: Manuel Brandstetter <36969812+brandstetterm@users.noreply.github.com>
---
 src/components/ColorPicker/ColorPicker.tsx | 2 +-
 src/components/MiniMenu/MiniMenu.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ColorPicker/ColorPicker.tsx b/src/components/ColorPicker/ColorPicker.tsx
index 66db14a8f5..8d7538a8fd 100644
--- 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
index 0ec96650fa..156266a71b 100644
--- 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}`);