From a470bd3e6062ece2be6f1a6461ba5a0651f140ac Mon Sep 17 00:00:00 2001
From: Mnickii <miaronkirote@gmail.com>
Date: Thu, 17 Aug 2023 15:32:54 +0300
Subject: [PATCH] add shift+tab case while at fluent-card

---
 packages/mgt-components/src/components/mgt-login/mgt-login.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/mgt-components/src/components/mgt-login/mgt-login.ts b/packages/mgt-components/src/components/mgt-login/mgt-login.ts
index dfc332d414..b2a3b7f858 100644
--- 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();
+    }
   };
 
   /**