review-fix: Add menu underlayer to prevent clicking other links when close menu

packages/fether-react/src/Tokens/Tokens.js

@@ -61,7 +61,8 @@ class Tokens extends PureComponent {
     }
 
     return (
-      <div>
+      <div className='tokens'>
+        <div className={isMenuOpen ? 'popup-underlay' : ''} />
         <MenuPopup
           className='popup-menu-account'
           context={menuNode}

packages/fether-react/src/assets/sass/components/_popup.scss

+.popup-underlay {
+  background: transparent;
+  bottom: 0;
+  height: 100%;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 1899; /* Under the menu popup */
+}
+
 .popup-menu-account {
   /* Override SUI popup styles so popup does not appear above menu icon */
   background: $white !important;

packages/fether-react/src/assets/sass/components/_token.scss

+.tokens {
+  position: relative;
+}
+
 .token {
   display: flex;
   align-items: center;