Merge pull request #646 from Juice-Codes/fix-issue-485

set capture to true for mousedown event listener

Author: philippkuehn

packages/tiptap/src/Plugins/FloatingMenu.js

@@ -18,7 +18,7 @@ class Menu {
 
     // the mousedown event is fired before blur so we can prevent it
     this.mousedownHandler = this.handleClick.bind(this)
-    this.options.element.addEventListener('mousedown', this.mousedownHandler)
+    this.options.element.addEventListener('mousedown', this.mousedownHandler, { capture: true })
 
     this.options.editor.on('focus', ({ view }) => {
       this.update(view)

packages/tiptap/src/Plugins/MenuBar.js

@@ -8,7 +8,7 @@ class Menu {
 
     // the mousedown event is fired before blur so we can prevent it
     this.mousedownHandler = this.handleClick.bind(this)
-    this.options.element.addEventListener('mousedown', this.mousedownHandler)
+    this.options.element.addEventListener('mousedown', this.mousedownHandler, { capture: true })
 
     this.options.editor.on('blur', () => {
       if (this.preventHide) {

packages/tiptap/src/Plugins/MenuBubble.js

@@ -71,7 +71,7 @@ class Menu {
 
     // the mousedown event is fired before blur so we can prevent it
     this.mousedownHandler = this.handleClick.bind(this)
-    this.options.element.addEventListener('mousedown', this.mousedownHandler)
+    this.options.element.addEventListener('mousedown', this.mousedownHandler, { capture: true })
 
     this.options.editor.on('focus', ({ view }) => {
       this.update(view)