fix: agenda tooltip with keyboard focus

add a tab stop to titles in agenda events with tooltips closes #2236
microsoftgraph · Jul 19, 2023 · 400f56b · 400f56b
1 parent 7e608e4
commit 400f56b
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/mgt-components/src/components/mgt-agenda/mgt-agenda.ts b/packages/mgt-components/src/components/mgt-agenda/mgt-agenda.ts
@@ -421,14 +421,17 @@ export class MgtAgenda extends MgtTemplatedComponent {
       <div
         aria-describedby="tooltip-${event.id}"
         class="${classMap(eventSubjectClasses)}"
-        id=${event.id}>
-          ${event.subject}
+        tabindex="0"
+        id=${event.id}
+      >
+        ${event.subject}
       </div>
       <fluent-tooltip
         id="tooltip-${event.id}"
         position="right"
-        anchor="${event.id}">
-          ${eventDescription}
+        anchor="${event.id}"
+      >
+        ${eventDescription}
       </fluent-tooltip>
     `;