v17.4.41 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## [Unreleased]
 
+## 17.4.41 (2020-01-07)
+
+### Common
+
+#### Bug Fixes
+
+- `#I256528` - Resolved `draggable` issue `out` event not triggered.
+- `#F149410` - Resolved `drag and drop` function not working `firefox` browser version 60.8 .
+- `#I258661` - Resolved `LoadCldr` is not working issue.
+- `#I258471` - Improvement the `drag and drop` library performance .
+
 ## 17.2.49 (2019-09-04)
 
 ### Common

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

@@ -197,7 +197,6 @@ describe('draggable', () => {
             });
             it('Drag start movement called properly based on the distance moved and without element cloning', () => {
                 EventHandler.trigger(<any>(document), 'mousemove', mousemove);
-                expect(document.body.classList.contains('e-prevent-select')).toBe(true);
                 expect(dragstartEvent).toHaveBeenCalled();
                 instance.intDestroy(mousedown);
             });

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

@@ -12,6 +12,7 @@ const positionProp: string[] = ['offsetLeft', 'offsetTop'];
 const axisMapper: string[] = ['x', 'y'];
 const axisValueMapper: string[] = ['left', 'top'];
 const isDraggedObject: DragObject = { isDragged: false };
+
 /**
  * Specifies the Direction in which drag movement happen.
  */
@@ -459,12 +460,22 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
         let intCoord: Coordinates = this.getCoordinates(evt);
         this.initialPosition = { x: intCoord.pageX, y: intCoord.pageY };
         if (!this.clone) {
-            let pos: PositionModel = this.element.getBoundingClientRect();
+            let leftPostion: any;
+            let topPostion: any;
+            if (!isBlazor()) {
+                let pos: PositionModel = this.element.getBoundingClientRect();
+                leftPostion = pos.left;
+                topPostion = pos.top;
+            } else {
+                leftPostion = this.element.offsetLeft;
+                topPostion = this.element.offsetTop;
+            }
+
             this.getScrollableValues();
             if (evt.clientX === evt.pageX) { this.parentScrollX = 0; }
             if (evt.clientY === evt.pageY) { this.parentScrollY = 0; }
-            this.relativeXPosition = intCoord.pageX - (pos.left + this.parentScrollX);
-            this.relativeYPosition = intCoord.pageY - (pos.top + this.parentScrollY);
+            this.relativeXPosition = intCoord.pageX - (leftPostion + this.parentScrollX);
+            this.relativeYPosition = intCoord.pageY - (topPostion + this.parentScrollY);
         }
         if (this.externalInitialize) {
             this.intDragStart(evt);
@@ -473,7 +484,7 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
             EventHandler.add(document, Browser.touchEndEvent, this.intDestroy, this);
         }
         this.toggleEvents(true);
-        document.body.classList.add('e-prevent-select');
+        //document.body.classList.add('e-prevent-select');
         this.externalInitialize = false;
         EventHandler.trigger(document.documentElement, Browser.touchStartEvent, evt);
     }
@@ -600,6 +611,7 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
             top: (rect.top + window.pageYOffset) - parseInt(style.marginTop, 10)
         };
     }
+    // tslint:disable-next-line:max-func-body-length
     private intDrag(evt: MouseEvent & TouchEvent): void {
         if (!isUndefined(evt.changedTouches) && (evt.changedTouches.length !== 1)) {
             return;
@@ -622,13 +634,21 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
         let eleObj: DropObject = this.checkTargetElement(evt);
         if (eleObj.target && eleObj.instance) {
             /* tslint:disable no-any */
-            (<any>eleObj).instance.dragData[this.scope] = this.droppables[this.scope];
-            eleObj.instance.intOver(evt, eleObj.target);
-            this.hoverObject = eleObj;
+            let flag: Boolean = true;
+            if (this.hoverObject) {
+                if (this.hoverObject.instance !== eleObj.instance) {
+                    this.triggerOutFunction(evt, eleObj);
+                } else {
+                    flag = false;
+                }
+            }
+            if (flag) {
+                (<any>eleObj).instance.dragData[this.scope] = this.droppables[this.scope];
+                eleObj.instance.intOver(evt, eleObj.target);
+                this.hoverObject = eleObj;
+            }
         } else if (this.hoverObject) {
-            this.hoverObject.instance.intOut(evt, eleObj.target);
-            (<any>this.hoverObject).instance.dragData[this.scope] = null;
-            this.hoverObject = null;
+            this.triggerOutFunction(evt, eleObj);
         }
         let helperElement: HTMLElement = this.droppables[this.scope].helper;
         this.parentClientRect = this.calculateParentPosition(this.helperElement.offsetParent);
@@ -700,6 +720,11 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
         this.pageX = pagex;
         this.pageY = pagey;
     }
+    private triggerOutFunction(evt: MouseEvent & TouchEvent, eleObj: DropObject): void {
+        this.hoverObject.instance.intOut(evt, eleObj.target);
+        this.hoverObject.instance.dragData[this.scope] = null;
+        this.hoverObject = null;
+    }
     private getDragPosition(dragValue: DragPosition & { position?: string }): {
         [key: string]: Object;
     } {
@@ -827,7 +852,7 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
     }
     private getMousePosition(evt: MouseEvent & TouchEvent, isdragscroll?: boolean): PositionModel {
         /* tslint:disable no-any */
-        let dragEle: any = evt.srcElement;
+        let dragEle: any = evt.srcElement !== undefined ? evt.srcElement : evt.target;
         let intCoord: Coordinates = this.getCoordinates(evt);
         let pageX: number;
         let pageY: number;

controls/base/dist/es6/ej2-base.es2015.js

@@ -182,7 +182,8 @@ export function extend(copied: Object, first: Object, second?: Object, deep?: bo
             let src: Object = result[key];
             let copy: Object = obj1[key];
             let clone: Object;
-            if (deep && !(src instanceof Event) && (isObject(copy) || Array.isArray(copy))) {
+            let blazorEventExtend: any = isBlazor() ? !(src instanceof Event) : true;
+            if (deep && blazorEventExtend && (isObject(copy) || Array.isArray(copy))) {
                 if (isObject(copy)) {
                     clone = src ? src : {};
                     if (Array.isArray(clone) && clone.hasOwnProperty('isComplexArray')) {

controls/base/dist/es6/ej2-base.es2015.js.map

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 17.4.41 (2020-01-07)
+
+### Chips
+
+#### Bug Fixes
+
+- `#256994` - The issue with aria-selected value maintenance in a single selection has been fixed.
+
 ## 17.4.39 (2019-12-17)
 
 ### Chips