Fix clicking accessibility

src/helper/accessibility.ts

@@ -0,0 +1,18 @@
+let isSpaceClickActive = false;
+
+export const addSupportForTabNavigation = () =>
+  document.addEventListener('keydown', (e) => {
+    if (e.key === ' ') {
+      isSpaceClickActive = true;
+      (document.activeElement as HTMLElement)?.click();
+      e.preventDefault();
+    }
+  });
+
+export const removeUnnecessaryOutlines = () =>
+  document.addEventListener('click', () => {
+    if (!isSpaceClickActive) {
+      (document.activeElement as HTMLElement).blur?.();
+    }
+    isSpaceClickActive = false;
+  });

src/helper/add-support-for-tab-navigation.ts

@@ -1,7 +0,0 @@
-export const addSupportForTabNavigation = () =>
-  document.addEventListener('keydown', (e) => {
-    if (e.key === ' ') {
-      (document.activeElement as HTMLElement)?.click();
-      e.preventDefault();
-    }
-  });

src/helper/remove-unnecessary-outlines.ts

@@ -1,4 +0,0 @@
-export const removeUnnecessaryOutlines = () =>
-  document.addEventListener('click', () =>
-    (document.activeElement as HTMLElement).blur?.()
-  );

src/index.ts

@@ -9,8 +9,10 @@ import '../static/no-change/favicons/site.webmanifest';
 import '../static/no-change/og-image.jpg';
 import '../static/no-change/robots.txt';
 import { createPortfolio } from './data/create-portfolio';
-import { addSupportForTabNavigation } from './helper/add-support-for-tab-navigation';
-import { removeUnnecessaryOutlines } from './helper/remove-unnecessary-outlines';
+import {
+  addSupportForTabNavigation,
+  removeUnnecessaryOutlines,
+} from './helper/accessibility';
 import { scrollToFragment } from './helper/scroll-to-fragment';
 import './styles.scss';