fix(SW-184): fixed implementation of useTrapFocus

components/Header/MainMenu/MyPagesMenu/index.tsx

@@ -41,15 +41,15 @@ export default function MyPagesMenu({ navigation, user }: MyPagesMenuProps) {
           color="red"
         />
       </MainMenuButton>
-      <div
-        className={`${styles.dropdown} ${isMyPagesMenuOpen ? styles.isExpanded : ""}`}
-      >
-        <MyPagesMenuContent
-          navigation={navigation}
-          user={user}
-          toggleOpenStateFn={toggleMyPagesMenu}
-        />
-      </div>
+      {isMyPagesMenuOpen ? (
+        <div className={styles.dropdown}>
+          <MyPagesMenuContent
+            navigation={navigation}
+            user={user}
+            toggleOpenStateFn={toggleMyPagesMenu}
+          />
+        </div>
+      ) : null}
     </div>
   )
 }

components/Header/MainMenu/MyPagesMenu/myPagesMenu.module.css

@@ -25,7 +25,6 @@
     box-shadow: 0px 0px 14px 6px rgba(0, 0, 0, 0.1);
     min-width: 20rem;
     z-index: 1;
-    display: none;
   }
 
   /* Triangle above dropdown */