feat: add checked/unchecked state for block menu item

also, prevent menu got erased by className

1 files changed, 9 insertions, 1 deletions

diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index 7e04501..b909fe0 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -461,7 +461,12 @@ export const generateMaps = (container, { delay, mapCallback }) => {
   const menu = document.createElement('div')
   menu.className = 'menu'
   menu.style.display = 'none'
-  menu.onclick = () => (menu.style.display = 'none')
+  menu.onclick = (e) => {
+    const keepMenu = e.target.closest('.keep-menu') || e.target.classList.contains('.keep-menu')
+    if (keepMenu) return
+
+    menu.style.display = 'none'
+  }
   container.appendChild(menu)
 
   // Menu Items
@@ -505,6 +510,9 @@ export const generateMaps = (container, { delay, mapCallback }) => {
   // Remove menu when click outside
   const actionOutsideMenu = e => {
     if (menu.style.display === 'none') return
+    const keepMenu = e.target.closest('.keep-menu') || e.target.classList.contains('.keep-menu')
+    if (keepMenu) return
+
     const rect = menu.getBoundingClientRect()
     if (
       e.clientX < rect.left ||