v29.2.4 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 29.1.41 (2025-05-06)
+## 29.2.4 (2025-05-14)
 
 ### Barcode
 

controls/base/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 29.2.4 (2025-05-14)
+
+### Common
+
+#### Bug Fixes
+
+- `#I718268` - Resolved Persistence not properly working when using `SetCulture` in Grid.
+
 ## 29.1.35 (2025-04-01)
 
 ### Common

controls/base/releasenotes/README.md

@@ -114,6 +114,9 @@ export abstract class Component<ElementType extends HTMLElement> extends Base<El
         this.moduleLoader.clean();
         this.destroy();
         this.clearChanges();
+        if (this.enablePersistence && this.getModuleName() === 'grid') {
+            this.attachUnloadEvent();
+        }
         this.localObserver = new Observer(this);
         this.preRender();
         this.injectModules();

controls/base/src/component.ts

@@ -2,7 +2,13 @@
 
 ## [Unreleased]
 
-## 29.1.41 (2025-05-06)
+## 29.1.40 (2025-04-29)
+
+### DateRangePicker
+
+#### Bug Fixes
+
+- `#709169` - Fixed HTML accessibility errors and warnings in the popup component of the DateRangePicker.
 
 ### DateTimePicker
 

controls/calendars/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "29.1.39",
+	"version": "29.1.40",
 	"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/package.json

@@ -435,7 +435,9 @@ describe('DateRangePicker', () => {
                     it('autocorrect attribute test case', () => {
                         daterangepicker = new DateRangePicker({ readonly: true });
                         daterangepicker.appendTo('#date');
-                        expect(daterangepicker.element.getAttribute('autocorrect') == 'off').toBe(true);
+                        if (Browser.isIos) {
+                            expect(daterangepicker.element.getAttribute('autocorrect') == 'off').toBe(true);
+                        }
                     });
                     it('autocapitalize attribute test case', () => {
                         daterangepicker = new DateRangePicker({ readonly: true });

controls/calendars/spec/daterangepicker/daterangepicker.spec.ts

@@ -559,7 +559,7 @@ export class CalendarBase extends Component<HTMLElement> implements INotifyPrope
 
         };
         const ariaTitleAttrs: Object = {
-            'aria-atomic': 'true', 'aria-live': 'assertive', 'aria-label': 'title'
+            'aria-atomic': 'true', 'aria-live': 'assertive'
         };
         const tabIndexAttr: Object = {'tabindex': '0'};
         this.headerElement = this.createElement('div', { className: HEADER });
@@ -1348,7 +1348,7 @@ export class CalendarBase extends Component<HTMLElement> implements INotifyPrope
             value = date.valueOf();
         }
         const attrs: Object = {
-            className: CELL, attrs: { 'id': '' + getUniqueID('' + value), 'aria-selected': 'false'}
+            className: CELL, attrs: { 'id': '' + getUniqueID('' + value)}
         };
         return this.createElement('td', attrs);
     }

controls/calendars/src/calendar/calendar.ts

@@ -3210,7 +3210,6 @@ export class DateRangePicker extends CalendarBase {
         const labelContainer: HTMLElement = this.createRangeHeader();
         headerContainer.appendChild(labelContainer);
         const daySpan: HTMLElement = this.createElement('div', { className: DAYSPAN });
-        attributes(daySpan, { 'aria-label': 'Selected Days' });
         daySpan.textContent = this.l10n.getConstant('selectedDays');
         headerContainer.appendChild(daySpan);
         const separator: HTMLElement = this.createElement('div', { className: SEPARATOR });
@@ -3976,8 +3975,11 @@ export class DateRangePicker extends CalendarBase {
         attributes(this.inputElement, {
             'tabindex': '0', 'aria-expanded': 'false', 'role': 'combobox',
             'autocomplete': 'off', 'aria-disabled': !this.enabled ? 'true' : 'false',
-            'autocorrect': 'off', 'autocapitalize': 'off', 'spellcheck': 'false'
+            'autocapitalize': 'off', 'spellcheck': 'false'
         });
+        if (Browser.isIos) {
+            attributes(this.inputElement, { 'autocorrect': 'off' });
+        }
         Input.addAttributes({ 'aria-label': 'select', 'role': 'button' }, this.inputWrapper.buttons[0]);
         // if (!isNullOrUndefined(this.placeholder) && this.placeholder.trim() !== '') {
         //     Input.addAttributes({ 'aria-placeholder': this.placeholder }, this.inputElement);

controls/calendars/src/daterangepicker/daterangepicker.ts

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 29.2.4 (2025-05-14)
+
+### Chart
+
+#### Bug Fixes
+
+- `#F67379` - Now the opacity updates properly on the data point after the tooltip fades out.
+
 ## 29.1.41 (2025-05-06)
 
 ### Accumulation Chart

controls/charts/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "29.1.40",
+	"version": "29.1.41",
 	"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/package.json

@@ -4801,9 +4801,7 @@ export class Chart extends Component<HTMLElement> implements INotifyPropertyChan
                             }
                         }
                     }
-                    if (this.scrollElement && this.zoomSettings.enableScrollbar) {
-                        this.scrollElement = null;
-                    }
+
                     break;
                 case 'height':
                 case 'width':

controls/charts/src/chart/chart.ts

@@ -504,23 +504,18 @@ export class Tooltip extends BaseTooltip {
                 location.x = tooltip.location.x !== null ? tooltip.location.x : location.x;
                 location.y = tooltip.location.y !== null ? tooltip.location.y : location.y;
                 location = (location.x === null && location.y === null) ? null : location;
-                if (point.series.type.indexOf('Range') === -1 || withInBounds(location.x, location.y, chart.chartAxisLayoutPanel.seriesClipRect)) {
-                    this.createTooltip(
-                        chart, isFirst, location,
-                        this.currentPoints.length === 1 ? this.currentPoints[0].series.clipRect : null,
-                        dataCollection.length === 1 ? dataCollection[0].point : null,
-                        this.findShapes(), this.findMarkerHeight(<PointData>this.currentPoints[0]),
-                        new Rect(borderWidth, (chart.stockChart ? (toolbarHeight + titleHeight + borderWidth) : borderWidth),
-                                 this.chart.availableSize.width - padding - borderWidth * 2,
-                                 this.chart.availableSize.height - padding - borderWidth * 2),
-                        this.chart.crosshair.enable, extraPoints,
-                        this.template ? this.getTemplateText(dataCollection) : null,
-                        this.template ? argsData.template.join('') : ''
-                    );
-                } else {
-                    removeElement(this.element.id + '_tooltip');
-                    extraPoints.push(point);
-                }
+                this.createTooltip(
+                    chart, isFirst, location,
+                    this.currentPoints.length === 1 ? this.currentPoints[0].series.clipRect : null,
+                    dataCollection.length === 1 ? dataCollection[0].point : null,
+                    this.findShapes(), this.findMarkerHeight(<PointData>this.currentPoints[0]),
+                    new Rect(borderWidth, (chart.stockChart ? (toolbarHeight + titleHeight + borderWidth) : borderWidth),
+                             this.chart.availableSize.width - padding - borderWidth * 2,
+                             this.chart.availableSize.height - padding - borderWidth * 2),
+                    this.chart.crosshair.enable, extraPoints,
+                    this.template ? this.getTemplateText(dataCollection) : null,
+                    this.template ? argsData.template.join('') : ''
+                );
                 point = null;
             } else {
                 removeElement(this.element.id + '_tooltip');

controls/charts/src/chart/user-interaction/tooltip.ts

@@ -390,7 +390,7 @@ export class Toolkit {
         const chart: Chart = this.chart;
         this.enableZoomButton = false;
         chart.redraw = chart.enableCanvas ? chart.redraw : chart.zoomSettings.enableAnimation;
-        if (!chart.zoomModule.isDevice) {
+        if (!chart.zoomModule.isDevice && chart.zoomModule.toolkitElements) {
             remove(chart.zoomModule.toolkitElements);
         } else if (event.type === 'touchstart') {
             event.stopPropagation();

controls/charts/src/chart/user-interaction/zooming-toolkit.ts

@@ -181,7 +181,7 @@ export class BaseTooltip extends ChartData {
     }
 
     public highlightPoint(series: Series | AccumulationSeries | Chart3DSeries, pointIndex: number, highlight: boolean): void {
-        const element: HTMLElement = this.getElement(this.element.id + '_Series_' + series.index + '_Point_' + pointIndex);
+        const element: HTMLElement = series.type === 'BoxAndWhisker' ?  this.getElement(this.element.id + '_Series_' + series.index + '_Point_' + pointIndex + '_BoxPath') : this.getElement(this.element.id + '_Series_' + series.index + '_Point_' + pointIndex);
         const selectionModule: AccumulationSelection = (this.control as AccumulationChart).accumulationSelectionModule;
         const isAccumulation: boolean = this.chart.getModuleName() === 'accumulationchart';
         const isSelectedElement: boolean = selectionModule && selectionModule.selectedDataIndexes.length > 0 ? true : false;