From 301d2fdfc4ac053ebf90ac4c84a6af5aa49f00da Mon Sep 17 00:00:00 2001
From: MathieuG-P <40181755+Zagrios@users.noreply.github.com>
Date: Wed, 9 Aug 2023 22:46:10 +0200
Subject: [PATCH] [bugfix-298] fix focus outside element with tab key

---
 .../maps-mangement-components/link-button.component.tsx          | 1 +
 .../maps-mangement-components/maps-playlists-panel.component.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/renderer/components/maps-mangement-components/link-button.component.tsx b/src/renderer/components/maps-mangement-components/link-button.component.tsx
index 7db14630..bc8d1d6c 100644
--- a/src/renderer/components/maps-mangement-components/link-button.component.tsx
+++ b/src/renderer/components/maps-mangement-components/link-button.component.tsx
@@ -38,6 +38,7 @@ export const LinkButton = motion(
                     !props.disabled && props.onClick?.();
                 }}
                 style={{ pointerEvents: props.disabled ? "none" : "auto" }}
+                tabIndex={-1}
             >
                 <span className="absolute top-0 left-0 h-full w-full rounded-full brightness-50 opacity-75 dark:opacity-20 dark:filter-none" style={{ backgroundColor: linkedColor }} />
                 <BsmIcon className="p-1 absolute top-0 left-0 h-full w-full !bg-transparent -rotate-45 brightness-150" icon={props.linked ? "link" : "unlink"} style={{ color: linkedColor }} />
diff --git a/src/renderer/components/maps-mangement-components/maps-playlists-panel.component.tsx b/src/renderer/components/maps-mangement-components/maps-playlists-panel.component.tsx
index 3dd5c414..ee4e84fe 100644
--- a/src/renderer/components/maps-mangement-components/maps-playlists-panel.component.tsx
+++ b/src/renderer/components/maps-mangement-components/maps-playlists-panel.component.tsx
@@ -121,6 +121,7 @@ export function MapsPlaylistsPanel({ version, isActive }: Props) {
                                     e.stopPropagation();
                                     onClickAdd(index);
                                 }}
+                                tabIndex={-1}
                             >
                                 <span className="absolute top-0 left-0 h-full w-full brightness-50 opacity-75 dark:opacity-20 dark:filter-none" style={{ backgroundColor: "currentcolor" }} />
                                 <motion.div className="h-full p-0.5" variants={variants}>