Improve keyboard navigation: enhance focus management for map element and burger button

SableRaf · SableRaf · commit fd68722b381a · 2026-03-15T00:17:06.000+01:00
diff --git a/pcd-website/src/components/MapView.vue b/pcd-website/src/components/MapView.vue
@@ -143,9 +143,12 @@ function handleKeydown(e: KeyboardEvent) {
       marker?.getElement()?.focus();
     } else {
       const mapEl = document.getElementById('map');
-      if (mapEl && (mapEl === document.activeElement || mapEl.contains(document.activeElement))) {
+      if (mapEl && mapEl.contains(document.activeElement) && document.activeElement !== mapEl) {
         e.preventDefault();
         mapEl.focus();
+      } else if (mapEl && document.activeElement === mapEl) {
+        e.preventDefault();
+        document.getElementById('burger-btn')?.focus();
       }
     }
   } else if (!isTextInput && /^[0-9]$/.test(e.key)) {

Original file line number	Diff line number	Diff line change
`@@ -143,9 +143,12 @@ function handleKeydown(e: KeyboardEvent) {`
`143`	`143`	`marker?.getElement()?.focus();`
`144`	`144`	`} else {`
`145`	`145`	`const mapEl = document.getElementById('map');`
`146`		`- if (mapEl && (mapEl === document.activeElement \|\| mapEl.contains(document.activeElement))) {`
	`146`	`+ if (mapEl && mapEl.contains(document.activeElement) && document.activeElement !== mapEl) {`
`147`	`147`	`e.preventDefault();`
`148`	`148`	`mapEl.focus();`
	`149`	`+ } else if (mapEl && document.activeElement === mapEl) {`
	`150`	`+ e.preventDefault();`
	`151`	`+ document.getElementById('burger-btn')?.focus();`
`149`	`152`	`}`
`150`	`153`	`}`
`151`	`154`	`} else if (!isTextInput && /^[0-9]$/.test(e.key)) {`