fix keyboard focus behavior on modal interactions

microsoftgraph · May 27, 2024 · 711f7f5 · 711f7f5
1 parent b42c743
commit 711f7f5
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/stories/components/peoplePicker/peoplePicker.properties.stories.js b/stories/components/peoplePicker/peoplePicker.properties.stories.js
@@ -65,12 +65,15 @@ const closeModal = document.getElementById("close-modal")
 const modalContent = document.getElementById("modal-content")
 const modalPicker = document.getElementById("modal-picker")
 modal.addEventListener('click', () => {
-    modalContent.style.display = "flex"
-    modalPicker.selectedPeople = []
+  modalContent.style.display = "flex"
+  modalPicker.selectedPeople = []
+  const input = modalPicker.shadowRoot.querySelector('fluent-text-field').shadowRoot.querySelector('input');
+  input.focus();
 })
 
 closeModal.addEventListener('click', () => {
-    modalContent.style.display = "none"
+  modalContent.style.display = "none";
+  modal.focus();
 })
 </script>
 `;