v20.4.53 is released

Author: pipeline

controls/buttons/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 20.4.53 (2023-03-07)
+
+### Checkbox
+
+#### Bug Fixes
+
+- `#I436942` - The issue with "Checkbox checked property is not updated properly at initial rendering" has been resolved.
+
 ## 20.4.50 (2023-02-14)
 
 ### RadioButton

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

@@ -160,7 +160,7 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
         super(options, <string | HTMLInputElement>element);
     }
 
-    private changeState(state?: string): void {
+    private changeState(state?: string, isInitialize?: boolean ): void {
         let ariaState: string;
         let rippleSpan: Element;
         const frameSpan: Element = this.getWrapper().getElementsByClassName(FRAME)[0];
@@ -176,7 +176,7 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
             }
             ariaState = 'true';
             this.element.checked = true;
-            if (this.element.required && this.validCheck) {
+            if (this.element.required && this.validCheck && !isInitialize) {
                 this.element.checked = false;
                 this.validCheck = false;
             } else if (this.element.required) {
@@ -189,7 +189,7 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
             }
             ariaState = 'false';
             this.element.checked = false;
-            if (this.element.required && this.validCheck) {
+            if (this.element.required && this.validCheck && !isInitialize) {
                 this.element.checked = true;
                 this.validCheck = false;
             } else if (this.element.required) {
@@ -326,7 +326,7 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
             }
         }
         if (this.checked) {
-            this.changeState('check');
+            this.changeState('check', true);
         }
         if (this.indeterminate) {
             this.changeState();

controls/buttons/themestudio/styles/calendars/daterangepicker/_layout.scss

@@ -218,6 +218,7 @@
           overflow: $range-visibility-hidden;
           padding: $range-list-item-padding;
           white-space: $range-text-nowrap;
+          text-overflow: $range-text-overflow;
         }
         #{if(&, '&', '*')} .e-list-parent {
           margin: $range-value-zero;

controls/buttons/themestudio/styles/grids/grid/_layout.scss

@@ -3525,7 +3525,7 @@
         border-top: 0;
       }
 
-      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell) {
         border-right: 0;
       }
 

controls/buttons/themestudio/styles/grids/grid/_theme.scss

@@ -549,7 +549,8 @@
       }
     }
 
-    .e-ftrchk.e-chkfocus {
+    .e-ftrchk.e-chkfocus,
+    li.e-cclist.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
   }

controls/buttons/themestudio/styles/navigations/context-menu/_fluent-definition.scss

@@ -11,7 +11,7 @@ $cmenu-caret-blank-icon: $text-base !default;
 $cmenu-caret-font-size: 16px !default;
 $cmenu-caret-icon: '\e7c2' !default;
 $cmenu-caret-icon-rtl: '\e7c1' !default;
-$cmenu-caret-li-padding: 24px !default;
+$cmenu-caret-li-padding: 36px !default;
 $cmenu-caret-right: 7px !default;
 $cmenu-icon-margin-right: 8px !default;
 $cmenu-li-height: 36px !default;

controls/buttons/themestudio/styles/navigations/treeview/_bootstrap4-definition.scss

@@ -56,7 +56,7 @@ $treeview-big-icon-size: 24px !default;
 $treeview-icon-margin: 0 4px 0 -24px !default;
 $treeview-drag-icon-margin: 0 8px 8px -24px;
 $treeview-big-icon-margin: 0 0 0 -24px !default;
-$treeview-rtl-icon-margin: -0.5px -24px 0 0 !default;
+$treeview-rtl-icon-margin: -0.5px -20px 0 0 !default;
 $treeview-rtl-drag-margin: 10px -13px -1px 0;
 $treeview-icon-padding: 6px !default;
 $treeview-text-padding: 0 8px 0 6px !default;

controls/charts/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 20.4.53 (2023-03-07)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I441035` - Fixed issue with page becoming unresponsive when zooming chart too quickly.
+
 ## 20.4.52 (2023-02-28)
 
 ### Chart

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "20.4.51",
+	"version": "20.4.52",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/charts/src/accumulation-chart/accumulation.ts

@@ -837,7 +837,7 @@ export class AccumulationChart extends Component<HTMLElement> implements INotify
         if (this.element.className.indexOf('e-accumulationchart') === -1) {
             this.element.classList.add('e-accumulationchart');
         }
-        this.element.setAttribute('role', 'chart');
+        this.element.setAttribute('role', 'region');
         this.element.setAttribute('tabindex', '0');
         this.element.setAttribute('aria-label', this.title);
         this.element.setAttribute('class', this.element.getAttribute('class') + ' e-accumulationchart-focused');