fix: cleanup empty highlights

Author: lukasbuenger

src/highlight-support.js

@@ -51,6 +51,7 @@ const highlightSupport = {
     marker.appendChild(fragment)
     range.deleteContents()
     range.insertNode(marker)
+    highlightSupport.cleanupStaleMarkerNodes(editableHost, 'comment')
     return startIndex
   },
 
@@ -115,6 +116,15 @@ const highlightSupport = {
     }
   },
 
+  cleanupStaleMarkerNodes (editableHost, highlightType) {
+    editableHost.querySelectorAll('span[data-highlight="' + highlightType + '"]')
+      .forEach(node => {
+        if (!node.textContent.length) {
+          node.parentNode.removeChild(node)
+        }
+      })
+  },
+
   createMarkerNode (markerMarkup, highlightType, win) {
     let marker = $(markerMarkup)[0]