v18.3.44 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,13 +2,23 @@
 
 ## [Unreleased]
 
-## 18.3.42 (2020-10-20)
+## 18.3.44 (2020-10-27)
 
 ### Common
 
 #### Bug Fixes
 
+- `I291462` - Resolved CSS Dimension Properties not accepts `viewport` and `em`.
 - `F158279` - Resolved `Draggable` element jumps out of the view while scrolling.
+- `I292035` - Resolved Touch functionality is not working with draggable.
+
+## 18.3.40 (2020-10-13)
+
+### Common
+
+#### Bug Fixes
+
+- `F16367` - Resolved `& ampersand` symbol produce the issue, while `enableHTMLSanitizer` set to true.
 
 ## 17.4.51 (2020-02-25)
 

controls/base/dist/ej2-base.umd.min.js

@@ -350,7 +350,7 @@ function print(element, printWindow) {
  */
 function formatUnit(value) {
     var result = value + '';
-    if (result === 'auto' || result.indexOf('%') !== -1 || result.indexOf('px') !== -1) {
+    if (result.match(/auto|%|px|vh|vm|vmax|vmin|em/)) {
         return result;
     }
     return result + 'px';
@@ -7505,7 +7505,7 @@ var Draggable = /** @class */ (function (_super) {
                 }
             }
         }
-        if (this.preventDefault && !isUndefined(evt.changedTouches)) {
+        if (this.preventDefault && !isUndefined(evt.changedTouches) && evt.type !== 'touchstart') {
             evt.preventDefault();
         }
         this.element.setAttribute('aria-grabbed', 'true');
@@ -7601,8 +7601,8 @@ var Draggable = /** @class */ (function (_super) {
             }
             this.getScrollableValues();
             var posValue = this.getProcessedPositionValue({
-                top: (pos.top - this.diffY - this.parentScrollY) + 'px',
-                left: (pos.left - this.diffX - this.parentScrollX) + 'px'
+                top: (pos.top - this.diffY - (this.clone ? 0 : this.parentScrollY)) + 'px',
+                left: (pos.left - this.diffX - (this.clone ? 0 : this.parentScrollX)) + 'px'
             });
             this.dragElePosition = { top: pos.top, left: pos.left };
             setStyleAttribute(dragTargetElement, this.getDragPosition({ position: 'absolute', left: posValue.left, top: posValue.top }));
@@ -7756,8 +7756,12 @@ var Draggable = /** @class */ (function (_super) {
             draEleLeft = (left - iLeft) < 0 ? this.dragElePosition.left : (left - iLeft);
         }
         else {
-            draEleTop = top - iTop - this.parentScrollY;
-            draEleLeft = left - iLeft - this.parentScrollX;
+            draEleTop = top - iTop;
+            draEleLeft = left - iLeft;
+        }
+        if (!this.clone) {
+            draEleTop -= this.parentScrollY;
+            draEleLeft -= this.parentScrollX;
         }
         var dragValue = this.getProcessedPositionValue({ top: draEleTop + 'px', left: draEleLeft + 'px' });
         setStyleAttribute(helperElement, this.getDragPosition(dragValue));