Make sure resizing works with integer pixels

voidlabs · Nov 10, 2022 · c706e5d · c706e5d
1 parent 8be1758
commit c706e5d
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/js/bindings/extresizable.js b/src/js/bindings/extresizable.js
@@ -60,8 +60,9 @@
                 */
             };
             options.resize = function(event, ui) {
-                // console.log("resize", ui.size.height, ui.originalSize.height, value());
-                value(ui.size.height);
+                // the Math.round is needed to prevent non integer heights after a "non-perfeclty" size image is added to a resizable placeholder
+                // console.log("resize", ui.size.height, Math.round(ui.size.height), ui.originalSize.height, value());
+                value(Math.round(ui.size.height));
                 ui.size.height = value();
             };
 
@@ -70,7 +71,7 @@
 
             //initialize resizable
             $(element).resizable(resizableOptions);
-            // console.log(element, "resizable init");
+            // console.log(element, "resizable init", resizableOptions);
 
             //handle enabling/disabling resizable
             if (isEnabled !== undefined) {