Keep track of Editor.js toolbar state

This should make the toolbar a bit less finicky and fix
an issue that sometimes made it impossible to delete a
block

Author: wmnnd

assets/js/campaign-editors/block/blocks/layout/index.js

@@ -61,14 +61,22 @@ export default class Layout {
         }
       })
 
+      // NOTE: This variable keeps track of whether
+      // we've manually opened or closed the toolbar.
+      // This is necessary because the API doesn't expose
+      // the toolbar state
+      let maybeOpen = false
+
       editorPlace.addEventListener("mouseenter", () => {
-        editor.toolbar.open()
+        if (!maybeOpen) editor.toolbar.open()
+        maybeOpen = true
       })
 
       editorPlace.addEventListener("mouseleave", () => {
         editor.toolbar.close()
+        maybeOpen = false
       })
-      
+
       editorPlace.addEventListener("paste", e => {
         e.preventDefault()
         e.stopPropagation()

assets/js/campaign-editors/block/index.js

@@ -86,8 +86,20 @@ export default class BlockEditor {
       })
     })
 
+    // NOTE: This variable keeps track of whether
+    // we've manually opened or closed the toolbar.
+    // This is necessary because the API doesn't expose
+    // the toolbar state
+    let maybeOpen = false
+
     place.addEventListener("mouseleave", () => {
       editor.toolbar.close()
+      maybeOpen = false
+    })
+
+    place.addEventListener("mouseenter", () => {
+      if (!maybeOpen) editor.toolbar.open()
+      maybeOpen = true
     })
   }
 }