add shift+tab case while at fluent-card

microsoftgraph · Aug 17, 2023 · a470bd3 · a470bd3
1 parent 5d12e4b
commit a470bd3
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/mgt-components/src/components/mgt-login/mgt-login.ts b/packages/mgt-components/src/components/mgt-login/mgt-login.ts
@@ -389,6 +389,10 @@ export class MgtLogin extends MgtTemplatedComponent {
       const loginButton = this.renderRoot.querySelector('#login-button');
       (loginButton as HTMLElement)?.focus();
     }
+    const fluentCardEl = this.renderRoot.querySelector('fluent-card');
+    if (e.shiftKey && e.key === 'Tab' && e.target === fluentCardEl) {
+      this.hideFlyout();
+    }
   };
 
   /**