fix(calendar): focusCentralDate function should only use buttons insi…

…de the dates table (#2072)
ing-bank · Sep 11, 2023 · 9b9485d · 9b9485d
1 parent b89d889
commit 9b9485d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/khaki-wasps-worry.md b/.changeset/khaki-wasps-worry.md
@@ -0,0 +1,5 @@
+---
+'@lion/ui': patch
+---
+
+[calendar] focusCentralDate function should only use buttons inside the dates table
diff --git a/packages/ui/components/calendar/src/LionCalendar.js b/packages/ui/components/calendar/src/LionCalendar.js
@@ -250,7 +250,10 @@ export class LionCalendar extends LocalizeMixin(LitElement) {
   }
 
   focusCentralDate() {
-    const button = /** @type {HTMLElement} */ (this.shadowRoot?.querySelector('[tabindex="0"]'));
+    const datesTable = /** @type {HTMLElement} */ (
+      this.shadowRoot?.querySelector('#js-content-wrapper')
+    );
+    const button = /** @type {HTMLElement} */ (datesTable.querySelector('[tabindex="0"]'));
     button.focus();
     this.__focusedDate = this.centralDate;
   }