igniteui-angular 17.0.10 → 17.0.11

package/fesm2022/igniteui-angular.mjs

@@ -10836,6 +10836,24 @@ class IgxDragDirective {
         if (!this._clicked) {
             return;
         }
+        // When the base element is moved to previous index, angular reattaches the ghost template as a sibling by default.
+        // This is the defaut place for the EmbededViewRef when recreated.
+        // That's why we need to move it to the proper place and set pointer capture again.
+        if (this._pointerDownId && this.ghostElement && this._dynamicGhostRef && !this._dynamicGhostRef.destroyed) {
+            let ghostReattached = false;
+            if (this.ghostHost && !Array.from(this.ghostHost.children).includes(this.ghostElement)) {
+                ghostReattached = true;
+                this.ghostHost.appendChild(this.ghostElement);
+            }
+            else if (!this.ghostHost && !Array.from(document.body.children).includes(this.ghostElement)) {
+                ghostReattached = true;
+                document.body.appendChild(this.ghostElement);
+            }
+            if (ghostReattached) {
+                this.ghostElement.setPointerCapture(this._pointerDownId);
+                return;
+            }
+        }
         const eventArgs = {
             originalEvent: event,
             owner: this,
@@ -65489,7 +65507,7 @@ class IgxGridBaseDirective extends DisplayDensityBase {
         if (this.isPercentWidth) {
             /* width in %*/
             const computed = this.document.defaultView.getComputedStyle(this.nativeElement).getPropertyValue('width');
-            width = computed.indexOf('%') === -1 ? parseInt(computed, 10) : null;
+            width = computed.indexOf('%') === -1 ? parseFloat(computed) : null;
         }
         else {
             width = parseInt(this.width, 10);