Hide the resizer on select component stop

src/commands/index.js

@@ -98,15 +98,10 @@ module.exports = () => {
           const event = opts && opts.event;
           const sel = ed.getSelected();
           const selAll = [...ed.getSelectedAll()];
-          const toolbarStyle = ed.Canvas.getToolbarEl().style;
           const nativeDrag = event && event.type == 'dragstart';
           const defComOptions = { preserveSelected: 1 };
           const modes = ['absolute', 'translate'];
-
-          const hideTlb = () => {
-            toolbarStyle.display = 'none';
-            em.stopDefault(defComOptions);
-          };
+          const hideTlb = () => em.stopDefault(defComOptions);
 
           if (!sel || !sel.get('draggable')) {
             console.warn('The element is not draggable');

src/commands/view/SelectComponent.js

@@ -678,14 +678,15 @@ module.exports = {
     this.onSelect();
   },
 
-  stop(editor, sender, opts = {}) {
-    const em = this.em;
+  stop(ed, sender, opts = {}) {
+    const { em, editor } = this;
     this.stopSelectComponent();
     !opts.preserveSelected && em.setSelected(null);
     this.clean();
     this.onOut();
     this.hideFixedElementOffset();
     this.canvas.getToolbarEl().style.display = 'none';
+    editor && editor.stopCommand('resize');
 
     em.off('component:update', this.updateAttached, this);
     em.off('change:canvasOffset', this.updateAttached, this);