fixed context menu bug

3 years ago · 214f3a5a66
parent b85ba456ac
commit 214f3a5a66
3 changed files with 5 additions and 1 deletions
--- a/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/components/Icon.tsx
@ -81,6 +81,7 @@ function Icon ({
    setShowContext(true)
  }
  function closeContextMenu () {
+    console.log('watch me!!!')
    setShowContext(false)
  }

@ -106,7 +107,6 @@ function Icon ({
          e.stopPropagation()
          handleContextMenu(e)
        }}
-        onBlur={closeContextMenu}
        data-id={`verticalIconsKind${name}`}
        id={`verticalIconsKind${name}`}
        ref={iconRef}
--- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
@ -72,6 +72,9 @@
    z-index: 1000;
    box-shadow: 0 0 4px var(--dark);
  }
+  .remixui_verticalIconContextcontainer:focus {
+    outline: 0;
+  }
  .remixui_liitem {
    padding: 2px;
    padding-left: 6px;
--- a/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/vertical-icons-context-menu.tsx
@ -62,6 +62,7 @@ function VerticalIconsContextMenu (props: VerticalIconsContextMenuProps) {

      }}
      ref={menuRef}
+      tabIndex={1}
    >
      <ul id="menuitems">
        <MenuForLinks