Avoid resizer container update

src/commands/view/SelectComponent.js

@@ -456,11 +456,6 @@ export default {
           showOffsets = 1;
         },
 
-        onUpdateContainer({ el }) {
-          el.style.top = 0;
-          el.style.left = 0;
-        },
-
         updateTarget(el, rect, options = {}) {
           if (!modelToStyle) {
             return;
@@ -477,7 +472,7 @@ export default {
           } = config;
           const onlyHeight = ['tc', 'bc'].indexOf(selectedHandler) >= 0;
           const onlyWidth = ['cl', 'cr'].indexOf(selectedHandler) >= 0;
-          const style = modelToStyle.getStyle();
+          const style = {};
           const en = !store ? 1 : ''; // this will trigger the final change
 
           if (!onlyHeight) {
@@ -490,7 +485,7 @@ export default {
             style[keyHeight] = autoHeight ? 'auto' : `${rect.h}${unitHeight}`;
           }
 
-          modelToStyle.setStyle({ ...style, en }, { avoidStore: !store });
+          modelToStyle.addStyle({ ...style, en }, { avoidStore: !store });
           const updateEvent = `update:component:style`;
           const eventToListen = `${updateEvent}:${keyHeight} ${updateEvent}:${keyWidth}`;
           em && em.trigger(eventToListen, null, null, { noEmit: 1 });

src/utils/Resizer.js

@@ -367,9 +367,11 @@ class Resizer {
     const { style } = container;
 
     if (!opts.avoidContainerUpdate && el) {
-      const toUpdate = ['left', 'top', 'width', 'height'];
-      const rectEl = this.getElementPos(el, { target: 'container' });
-      toUpdate.forEach(pos => (style[pos] = `${rectEl[pos]}px`));
+      // On component resize container fits the tool,
+      // to check if this update is required somewhere else point
+      // const toUpdate = ['left', 'top', 'width', 'height'];
+      // const rectEl = this.getElementPos(el, { target: 'container' });
+      // toUpdate.forEach(pos => (style[pos] = `${rectEl[pos]}px`));
       if (opt.forceShow) style.display = 'block';
     }