v20.3.50 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 20.3.50 (2022-10-18)
+
+### Common
+
+#### Bug Fixes
+
+- `#SF395314` - The issue " incorrect position of the helper element while dragging the `treeview` element" has been resolved.
+
 ## 20.3.49 (2022-10-11)
 
 ### Common

controls/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "18.61.0",
+	"version": "20.3.49",
 	"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/base/src/draggable.ts

@@ -737,13 +737,24 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
         }
         let draEleTop: number;
         let draEleLeft: number;
-        if (this.dragArea) {
-            this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
-            draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - this.borderWidth.top);
-            draEleLeft = (left - iLeft) < 0 ? this.dragLimit.left : (left - this.borderWidth.left);
+        if (this.helperElement.classList.contains('e-treeview')){
+            if (this.dragArea) {
+                this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
+                draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - this.borderWidth.top);
+                draEleLeft = (left - iLeft) < 0 ? this.dragLimit.left : (left - this.borderWidth.left);
+            } else {
+                draEleTop = top - this.borderWidth.top;
+                draEleLeft = left - this.borderWidth.left;
+            }
         } else {
-            draEleTop = top - this.borderWidth.top;
-            draEleLeft = left - this.borderWidth.left;
+            if (this.dragArea) {
+                this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
+                draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - iTop);
+                draEleLeft = (left - iLeft) < 0 ? this.dragElePosition.left : (left - iLeft);
+            } else {
+                draEleTop = top - iTop;
+                draEleLeft = left - iLeft;
+            }
         }
         let marginTop: number = parseFloat(getComputedStyle(this.element).marginTop);
         // when drag-element has margin-top
@@ -774,7 +785,7 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
             }
         }
 
-        if (this.dragArea) {
+        if (this.dragArea && this.helperElement.classList.contains('e-treeview')) {
             let helperHeight: number = helperElement.offsetHeight + (parseFloat(styles.marginTop)
                     + parseFloat(styles.marginBottom));
             draEleTop = (draEleTop + helperHeight) > this.dragLimit.bottom ? (this.dragLimit.bottom - helperHeight) : draEleTop;
@@ -849,7 +860,7 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
                 nodeEle.scrollTop -= this.helperElement.clientHeight;
             }
         }else if (nodeEle && nodeEle !== document.scrollingElement) {
-            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight + document.scrollingElement.scrollTop - this.borderWidth.top - this.borderWidth.bottom) <= draEleTop) {
+            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight + document.scrollingElement.scrollTop) < draEleTop) {
                 nodeEle.scrollTop += this.helperElement.clientHeight;
             }else if (nodeEle.getBoundingClientRect().top  > (draEleTop - this.helperElement.clientHeight - document.scrollingElement.scrollTop)) {
                 nodeEle.scrollTop -= this.helperElement.clientHeight;
@@ -959,7 +970,7 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
         if (ele) {
             let elementArea: ClientRect = ele.getBoundingClientRect();
             eleWidthBound = ele.scrollWidth ? ele.scrollWidth : elementArea.right - elementArea.left;
-            eleHeightBound = ele.scrollHeight ? (this.dragArea && this.helperElement.classList.contains('e-treeview')) ? ele.clientHeight : ele.scrollHeight : elementArea.bottom - elementArea.top;
+            eleHeightBound = ele.scrollHeight ? (this.dragArea && !isNullOrUndefined(this.helperElement) && this.helperElement.classList.contains('e-treeview')) ? ele.clientHeight : ele.scrollHeight : elementArea.bottom - elementArea.top;
             let keys: string[] = ['Top', 'Left', 'Bottom', 'Right'];
             let styles: any = getComputedStyle(ele);
             for (let i: number = 0; i < keys.length; i++) {
@@ -970,7 +981,11 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
                 (<any>this.borderWidth)[lowerKey] = isNaN(parseFloat(tborder)) ? 0 : parseFloat(tborder);
                 (<any>this.padding)[lowerKey] = isNaN(parseFloat(tpadding)) ? 0 : parseFloat(tpadding);
             }
-            top = elementArea.top + document.scrollingElement.scrollTop;
+            if (this.dragArea && !isNullOrUndefined(this.helperElement) && this.helperElement.classList.contains('e-treeview')) {
+                top = elementArea.top + document.scrollingElement.scrollTop;
+            } else {
+                top = elementArea.top;
+            }
             left = elementArea.left;
             this.dragLimit.left = left + this.borderWidth.left + this.padding.left;
             this.dragLimit.top = ele.offsetTop + this.borderWidth.top + this.padding.top;

controls/buttons/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 20.3.50 (2022-10-18)
+
+### Checkbox
+
+#### Bug Fixes
+
+- `#I382543` - The issue with "Checkbox value not update properly while using edit template of grid" has been resolved.
+
 ## 20.3.49 (2022-10-11)
 
 ### Floating Action Button `Preview`

controls/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "18.44.0",
+	"version": "20.3.49",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/buttons/src/check-box/check-box.ts

@@ -209,6 +209,9 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
 
     private clickHandler(event: Event): void {
         if ((event.target as HTMLElement).tagName === 'INPUT' && this.clickTriggered) {
+            if(this.isVue) {
+                this.changeState(this.checked ? 'check' : 'uncheck');
+            }
             this.clickTriggered = false;
             return;
         }

controls/calendars/CHANGELOG.md

@@ -2,6 +2,32 @@
 
 ## [Unreleased]
 
+## 20.3.50 (2022-10-18)
+
+### Calendar
+
+#### Bug Fixes
+
+- `#I403191` - The issue "selection is not removed properly when we select the already selected date in Calendar multiselection" has been resolved.
+
+### TimePicker
+
+#### Bug Fixes
+
+- `#FB15052` - Issue with "Form Validator wrongly validates while clearing the components value using clear icon" has been resolved.
+
+### DatePicker
+
+#### Bug Fixes
+
+- `#FB15052` - Issue with "Form Validator wrongly validates while clearing the components value using clear icon" has been resolved.
+
+### DateRangePicker
+
+#### Bug Fixes
+
+- `#FB15052` - Issue with "Form Validator wrongly validates while clearing the components value using clear icon" has been resolved.
+
 ## 19.3.46 (2021-10-19)
 
 ### TimePicker

controls/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "18.29.7",
+	"version": "20.3.49",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/calendars/src/calendar/calendar.ts

@@ -1081,7 +1081,7 @@ export class CalendarBase extends Component<HTMLElement> implements INotifyPrope
                     if ((localDateString === tempDateString && this.getDateVal(localDate, values[tempValue]))
                         || (this.getDateVal(localDate, value))) {
                         addClass([tdEle], SELECTED);
-                    } if (!isNullOrUndefined(currentTarget) && currentTarget.innerText === tdEle.innerText && this.previousDates && currentTarget.classList.contains(SELECTED)) {
+                    } if (!isNullOrUndefined(currentTarget) && currentTarget.innerText === tdEle.innerText && this.previousDates && tdEle.classList.contains(SELECTED) && currentTarget.classList.contains(SELECTED)) {
                         removeClass([tdEle], SELECTED);
                         this.previousDates = false;
                         const copyValues: Date[] = this.copyValues(values);
@@ -1093,6 +1093,7 @@ export class CalendarBase extends Component<HTMLElement> implements INotifyPrope
                             if (localDateString === tempDateString) {
                                 const index: number = copyValues.indexOf(copyValues[i]);
                                 copyValues.splice(index, 1);
+                                values.splice(index, 1);
                             }
                         }
                         this.setProperties({ values: copyValues }, true);

controls/calendars/src/datepicker/datepicker.ts

@@ -891,6 +891,12 @@ export class DatePicker extends Calendar implements IInput {
                 module: "MaskedDateTime"
             });
         }
+        if (closest(this.element, 'form')) {
+            let element: Element = this.element;
+            let keyupEvent: KeyboardEvent = document.createEvent('KeyboardEvent');
+            keyupEvent.initEvent('keyup', false, true);
+            element.dispatchEvent(keyupEvent);
+        }
     }