feat: remove menu in case for UX

1 files changed, 4 insertions, 0 deletions

diff --git a/src/MenuItem.mjs b/src/MenuItem.mjs
index af6d8ac..fe0bd99 100644
--- a/src/MenuItem.mjs
+++ b/src/MenuItem.mjs
@@ -80,6 +80,10 @@ export const pickBlockItem = ({ blocks, utils }) =>
             const item = e.target.closest('.menu-item.keep-menu')
             item.classList.add(focus ? 'checked' : 'unchecked')
             item.classList.remove(focus ? 'unchecked' : 'checked')
+
+            // UX: remove menu after user select/deselect blocks
+            const submenu = e.target.closest('.sub-menu')
+            submenu.onmouseleave = () => submenu.closest('.menu').style.display = 'none'
           }
         })