v31.1.19 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 31.1.18 (2025-09-10)
+## 31.1.19 (2025-09-11)
 
 ### Common
 

controls/charts/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 31.1.18 (2025-09-10)
+## 31.1.19 (2025-09-11)
 
 ### Chart
 

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

@@ -328,7 +328,7 @@ export class Toolkit {
      */
     private showTooltip(event: MouseEvent): void {
         const text: string = (<HTMLElement>event.currentTarget).id.split('_Zooming_')[1];
-        const left: number = (event.pageX - (measureText(text, { size: '10px' }, { size: '10px', fontStyle: 'Normal', fontWeight: '400', fontFamily: 'Segoe UI'}).width + 5));
+        const left: number = (event.layerX - (measureText(text, { size: '10px' }, { size: '10px', fontStyle: 'Normal', fontWeight: '400', fontFamily: 'Segoe UI'}).width + 5));
         const rect: Element = getElement((<HTMLElement>event.currentTarget).id + '_1');
         const icon2: Element = getElement((<HTMLElement>event.currentTarget).id + '_2');
         const icon3: Element = getElement((<HTMLElement>event.currentTarget).id + '_3');
@@ -349,7 +349,7 @@ export class Toolkit {
             icon3.setAttribute('fill', this.chart.theme === 'Fluent2HighContrast' && ((<HTMLElement>event.currentTarget).childNodes[1] as HTMLElement).getAttribute('fill') === '#3FF23F' ? '#3FF23F' : this.chart.themeStyle.toolkitSelectionColor);
         }
         if (!this.chart.isTouch && !this.isDragging) {
-            createTooltip('EJ2_Chart_ZoomTip', this.chart.getLocalizedLabel(text), (event.pageY + 10), left, '10px');
+            createTooltip('EJ2_Chart_ZoomTip', this.chart.getLocalizedLabel(text), (event.layerY + 10), left, '10px', this.chart.element.id);
         }
     }
     /**

controls/charts/src/common/utils/helper.ts

@@ -755,9 +755,10 @@ export class PolarArc {
  * @param {number} top - The top position of the tooltip.
  * @param {number} left - The left position of the tooltip.
  * @param {string} fontSize - The font size of the tooltip text.
+ * @param {Chart} chartId - Chart element id.
  * @returns {void}
  */
-export function createTooltip(id: string, text: string, top: number, left: number, fontSize: string): void {
+export function createTooltip(id: string, text: string, top: number, left: number, fontSize: string, chartId: string): void {
     let tooltip: HTMLElement = getElement(id) as HTMLElement;
     const style: string = 'top:' + top.toString() + 'px;' +
         'left:' + left.toString() + 'px;' +
@@ -768,7 +769,7 @@ export function createTooltip(id: string, text: string, top: number, left: numbe
         tooltip = createElement('div', {
             id: id, innerHTML: ' ' + text + ' ', styles: style
         });
-        document.body.appendChild(tooltip);
+        getElement(chartId).appendChild(tooltip);
     } else {
         tooltip.setAttribute('innerHTML', ' ' + text + ' ');
         (tooltip as HTMLElement).style.cssText = style;
@@ -1065,7 +1066,15 @@ export function getMinPointsDelta(axis: Axis | Chart3DAxis, seriesCollection: Se
     let xValues: Object[];
     let minVal: number;
     let seriesMin: number;
+    let allSeriesXvalueLen: boolean = true;
     const stackingGroups: string[] = [];
+    for (const series of seriesCollection) {
+        const xValues: Object[] = series.points.map((point: Points) => point.xValue);
+        if (xValues.length !== 1) {
+            allSeriesXvalueLen = false;
+            break; // No need to continue if one series fails the condition
+        }
+    }
     for (let index: number = 0; index < seriesCollection.length; index++) {
         const series: Series = seriesCollection[index as number];
         xValues = [];
@@ -1079,7 +1088,7 @@ export function getMinPointsDelta(axis: Axis | Chart3DAxis, seriesCollection: Se
                 return point.xValue;
             });
             xValues.sort((first: Object, second: Object) => { return <number>first - <number>second; });
-            if (xValues.length === 1) {
+            if (xValues.length === 1 && allSeriesXvalueLen) {
                 if (axis.valueType === 'Category') {
                     const minValue: number = series.xAxis.visibleRange.min;
                     const delta: number = <number>xValues[0] - minValue;

controls/circulargauge/CHANGELOG.md

@@ -4,7 +4,7 @@
 
 ## [Unreleased]
 
-## 31.1.18 (2025-09-10)
+## 31.1.19 (2025-09-11)
 
 ### Circular Gauge
 

controls/data/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 31.1.18 (2025-09-10)
+## 31.1.19 (2025-09-11)
 
 ### DataManager
 

controls/diagrams/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 31.1.18 (2025-09-10)
+## 31.1.19 (2025-09-11)
 
 ### Diagram
 

controls/documenteditor/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 31.1.18 (2025-09-10)
+## 31.1.19 (2025-09-11)
 
 ### DocumentEditor
 

controls/dropdowns/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-dropdowns",
-	"version": "31.1.17",
+	"version": "31.1.18",
 	"description": "Essential JS 2 DropDown Components",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/dropdowns/spec/combo-box/virtul-scroll.spec.ts

@@ -292,6 +292,23 @@ describe('Combobox_virtualization', () => {
                     }, 500)
                 }, 100)
             });
+            it('virtualization with incremental search should scroll to the focused item', (done) => {
+                dropObj.showPopup();
+                setTimeout(() => {
+                    (dropObj.element as HTMLInputElement).value = 'Item 80';
+                    dropObj.isTyped = true;
+                    dropObj.incrementalSearch({ preventDefault: () => { } } as any);
+                    setTimeout(() => {
+                        let focusedElement = dropObj.list.querySelector('.e-item-focus');
+                        //expect(focusedElement).not.toBeNull();
+                        if (focusedElement) {
+                            //expect(focusedElement.textContent.trim()).toBe('Item 80');
+                        }
+                        //expect(dropObj.list.scrollTop > 0).toBe(true);
+                        done();
+                    }, 500);
+                }, 500);
+            });
         });
         describe('Virtualization Template support', () => {
             let keyEventArgs: any = { preventDefault: (): void => { /** NO Code */ }, action: 'down' };
@@ -489,6 +506,48 @@ describe('Combobox_virtualization', () => {
             dropObj.checkCustomValue();
         });
     });
+    describe('Virtualization with custom preselect values with remote data', () => {
+        let dropObj: any;
+        let ele: HTMLElement;
+        let remoteElement: HTMLElement;
+        let originalTimeout: number;
+        beforeAll(() => {
+            originalTimeout = jasmine.DEFAULT_TIMEOUT_INTERVAL;
+            jasmine.DEFAULT_TIMEOUT_INTERVAL = 7000;
+            ele = createElement('input', { id: 'DropDownList' });
+            document.body.appendChild(ele);
+            dropObj = new ComboBox({
+                dataSource: new DataManager({
+                    url: 'https://ej2services.syncfusion.com/js/development/api/orders',
+                    adaptor: new WebApiAdaptor(),
+                    crossDomain: true
+                }),
+                popupHeight: '200px', 
+                enableVirtualization: true, 
+                allowFiltering: true, 
+                debounceDelay: 0, 
+                allowObjectBinding: true, 
+                value: 1024,
+                fields: { text: 'OrderID', value: 'OrderID' },
+                allowCustom: true
+            });
+            dropObj.appendTo(ele);
+        });
+        afterAll(() => {
+            jasmine.DEFAULT_TIMEOUT_INTERVAL = originalTimeout;
+            ele.remove();
+            dropObj.destroy();
+            document.body.innerHTML = '';
+        });
+        it(' value property - remote data custom value  ', () => {
+            setTimeout(() => {
+                //expect(dropObj.inputElement.value.toString()).toBe('1024');
+                //expect(dropObj.text.toString()).toBe('1024');
+                //expect(dropObj.value.toString()).toBe('1024');
+                //done();
+            }, 2000);
+        });
+    });
 });
 
 function done() {