From 5d5de0de31d2e9d82c0a55153d6e272a8ae37d31 Mon Sep 17 00:00:00 2001
From: Hrishikesh Vaipurkar <hrishikesh.vaipurkar@scandichotels.com>
Date: Wed, 8 Jan 2025 15:42:54 +0100
Subject: [PATCH] feat: SW-1182 Removed outline and typeOf

---
 components/Modal/index.tsx        | 2 +-
 components/Modal/modal.module.css | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/Modal/index.tsx b/components/Modal/index.tsx
index 89baac915..8ea3e5312 100644
--- a/components/Modal/index.tsx
+++ b/components/Modal/index.tsx
@@ -121,7 +121,7 @@ export default function Modal({
         isOpen ? AnimationStateEnum.visible : AnimationStateEnum.hidden
       )
     }
-    if (typeof isOpen === "undefined") {
+    if (isOpen === undefined) {
       setAnimation(AnimationStateEnum.unmounted)
     }
   }, [isOpen])
diff --git a/components/Modal/modal.module.css b/components/Modal/modal.module.css
index 14ad542ad..120952cf8 100644
--- a/components/Modal/modal.module.css
+++ b/components/Modal/modal.module.css
@@ -23,6 +23,9 @@
   display: flex;
   flex-direction: column;
 
+  /* For removing focus outline when modal opens first time */
+  outline: 0 none;
+
   /* for supporting animations within content */
   position: relative;
   overflow: hidden;