diff --git a/src/js/base/module/Buttons.js b/src/js/base/module/Buttons.js
index <HASH>..<HASH> 100644
--- a/src/js/base/module/Buttons.js
+++ b/src/js/base/module/Buttons.js
@@ -561,7 +561,7 @@ export default class Buttons {
           $catcher.css({
             width: this.options.insertTableMaxSize.col + 'em',
             height: this.options.insertTableMaxSize.row + 'em',
-          }).mousedown(this.context.createInvokeHandler('editor.insertTable'))
+          }).mouseup(this.context.createInvokeHandler('editor.insertTable'))
             .on('mousemove', this.tableMoveHandler.bind(this));
         },
       }).render();
diff --git a/src/js/lite/ui.js b/src/js/lite/ui.js
index <HASH>..<HASH> 100644
--- a/src/js/lite/ui.js
+++ b/src/js/lite/ui.js
@@ -250,7 +250,7 @@ const tableDropdownButton = function(opt) {
         width: opt.col + 'em',
         height: opt.row + 'em',
       })
-        .mousedown(opt.itemClick)
+        .mouseup(opt.itemClick)
         .mousemove(function(e) {
           tableMoveHandler(e, opt.col, opt.row);
         });
dimension-picker insertTable on mouseup