improve focus (#3537)

ec-europa · Aug 1, 2024 · 2bf57d3 · 2bf57d3 · github-actions · Aug 1, 2024
1 parent f625f5d
commit 2bf57d3
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/implementations/vanilla/components/timeline/timeline.js b/src/implementations/vanilla/components/timeline/timeline.js
@@ -112,6 +112,14 @@ export class Timeline {
       this.button.focus();
     } else {
       this.element.setAttribute('data-ecl-timeline-expanded', 'true');
+
+      // Focus first expanded item
+      const item = queryOne('.ecl-timeline__item--collapsed', this.element);
+      if (item) {
+        item.setAttribute('tabindex', '-1');
+        item.focus({ focusVisible: false });
+        item.removeAttribute('tabindex');
+      }
     }
 
     // Toggle label if possible