Merge pull request #3 from eliksir/stian/show-resize-info

Always show the resize info box
mailmojo · Jan 13, 2022 · beb0073 · beb0073
2 parents 4a0d071 + 5bed7df
commit beb0073
Showing 1 changed file with 13 additions and 28 deletions.
diff --git a/croppie.js b/croppie.js
@@ -475,6 +475,16 @@
         var vr;
         var hr;
 
+        function updateResizeInfo() {
+            if (!sizeInfo) return;
+
+            sizeInfo.innerHTML = (
+                fix(self.options.viewport.width) +
+                '&times;' +
+                fix(self.options.viewport.height)
+            );
+        };
+
         addClass(wrap, 'cr-resizer');
         css(wrap, {
             width: this.options.viewport.width + 'px',
@@ -484,10 +494,8 @@
         if (this.options.resizeControls.sizeInfo) {
             sizeInfo = document.createElement('span');
             addClass(sizeInfo, 'cr-resizer-info');
-            css(sizeInfo, {
-                display: 'none',
-            });
             wrap.appendChild(sizeInfo);
+            updateResizeInfo();
         }
 
         if (this.options.resizeControls.height) {
@@ -544,17 +552,6 @@
                 originalY = touches.pageY;
             }
 
-            if (sizeInfo) {
-                sizeInfo.innerHTML = (
-                    fix(self.options.viewport.width) +
-                    '&times;' +
-                    fix(self.options.viewport.height)
-                );
-                css(sizeInfo, {
-                    display: 'block',
-                });
-            }
-
             window.addEventListener('mousemove', mouseMove);
             window.addEventListener('touchmove', mouseMove);
             window.addEventListener('mouseup', mouseUp);
@@ -610,31 +607,19 @@
                 });
             }
 
-            if (sizeInfo) {
-                sizeInfo.innerHTML = (
-                    fix(self.options.viewport.width) +
-                    '&times;' +
-                    fix(self.options.viewport.height)
-                );
-            }
-
             _updateOverlay.call(self);
             _updateZoomLimits.call(self);
             _updateCenterPoint.call(self);
             _triggerUpdate.call(self);
             originalY = pageY;
             originalX = pageX;
+
+            updateResizeInfo();
         }
 
         function mouseUp() {
             isDragging = false;
 
-            if (sizeInfo) {
-                css(sizeInfo, {
-                    display: 'none',
-                });
-            }
-
             window.removeEventListener('mousemove', mouseMove);
             window.removeEventListener('touchmove', mouseMove);
             window.removeEventListener('mouseup', mouseUp);