v27.1.55 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 27.1.53 (2024-10-15)
+## 27.1.55 (2024-10-22)
 
 ### Barcode
 

controls/base/CHANGELOG.md

@@ -2,10 +2,24 @@
 
 ## [Unreleased]
 
+## 27.1.55 (2024-10-22)
+
+### Common
+
+#### New Features
+
+- Provided `isPreventScroll` API for `drag` and `drop`.
+
 ## 27.1.53 (2024-10-15)
 
 ### Common
 
+#### Bug Fixes
+
+- `#I642700` - The issue with "the `webpack external` files missing from CDN and NPM packages" has been resolved.
+
+### Common
+
 #### New Features
 
 - Provided support for handling license key validation in CI services.

controls/base/package.json

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

controls/base/spec/observer.spec.ts

@@ -10,8 +10,8 @@ describe('Observable', () => {
     let evtName: string[] = ['event1'];
     let obj: Object = { test: 'context' };
     let obj2: Object = { dynamicContext: 'dynamic' };
-    let context1: any = { isRendered: false, detectFunction: function (arg: string) { return console.log(arg); }, randomId: [1253, 1232, 6443] };
-    let context2: any = { isRendered: false, detectFunction: function (arg: string) { return console.log(arg); }, randomId: [4652, 3465, 7643] };
+    let context1: any = { isReactMock: true, detectFunction: function (arg: string) { return console.log(arg); }, randomId: [1253, 1232, 6443] };
+    let context2: any = { isReactMock: true, detectFunction: function (arg: string) { return console.log(arg); }, randomId: [4652, 3465, 7643] };
     beforeEach(() => {
         instance = new Observer(obj);
         event1Spy = jasmine.createSpy('event1');

controls/base/src/browser.ts

@@ -164,7 +164,7 @@ export class Browser {
             browserDetails['isTouch'] = true;
             browserDetails['isPointer'] = true;
         }
-        if (window && window.Capacitor && window.Capacitor.getPlatform() === 'ios') {
+        if (typeof window !== 'undefined' && window.Capacitor && window.Capacitor.getPlatform() === 'ios') {
             browserDetails['isPointer'] = false;
         }
         if ('undefined' === typeof (<{ [key: string]: Object }>browserDetails)[`${key}`]) {

controls/base/src/draggable-model.d.ts

@@ -59,6 +59,13 @@ export interface DraggableModel {
      */
     isPreventSelect?: boolean;
 
+    /**
+     * Defines whether need to prevent scrolling while dragging.
+     *
+     * @private
+     */
+    isPreventScroll?: boolean;
+
     /**
      * Specifies the callback function for drag event.
      *

controls/base/src/draggable.ts

@@ -233,6 +233,13 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
      */
     @Property(true)
     public isPreventSelect: boolean;
+    /**
+     * Defines whether need to prevent scrolling while dragging.
+     *
+     * @private
+     */
+    @Property(false)
+    public isPreventScroll: boolean;
     /**
      * Specifies the callback function for drag event.
      *
@@ -828,7 +835,13 @@ export class Draggable extends Base<HTMLElement> implements INotifyPropertyChang
         if (this.dragArea && typeof this.dragArea !== 'string' && this.dragArea.classList.contains('e-kanban-content') && this.dragArea.style.position === 'relative') {
             draEleTop += this.dragArea.scrollTop;
         }
-        const dragValue: DragPosition = this.getProcessedPositionValue({ top: draEleTop + 'px', left: draEleLeft + 'px' });
+        let dragValue: DragPosition = this.getProcessedPositionValue({ top: draEleTop + 'px', left: draEleLeft + 'px' });
+        if (this.isPreventScroll) {
+            dragValue = this.getProcessedPositionValue({
+                top: (this.position.top - this.parentClientRect.top - 2) + 'px',
+                left: (this.position.left - this.parentClientRect.left - 2) + 'px'
+            });
+        }
         setStyleAttribute(helperElement, this.getDragPosition(dragValue));
         if (!this.elementInViewport(helperElement) && this.enableAutoScroll && !this.helperElement.classList.contains('e-treeview')) {
             this.helperElement.scrollIntoView();

controls/base/src/observer.ts

@@ -195,7 +195,7 @@ export class Observer {
         if (eventsArr) {
             for (let i: number = 0; i < eventsArr.length; i++) {
                 const curContext: any = eventsArr[parseInt(i.toString(), 10)].context;
-                if (curContext && curContext.detectFunction && curContext.randomId && !curContext.isRendered) {
+                if (curContext && curContext.detectFunction && curContext.randomId && curContext.isReactMock) {
                     this.off('notifyExternalChange', curContext.detectFunction, curContext.randomId);
                     i--;
                 }

controls/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 27.1.53 (2024-10-15)
+## 27.1.55 (2024-10-22)
 
 ### Checkbox
 

controls/calendars/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 27.1.55 (2024-10-22)
+
+### DateTimePicker
+
+#### Bug Fixes
+
+- `#I632734` -  Fixed an issue where the page automatically scrolled to the top when users began typing in the masked datetime picker on iPad.
+
 ## 27.1.51 (2024-09-30)
 
 ### DateTimePicker