MC-5419: Background Attachment Fixed Does Not Work In Mobile Android or iPhone on Storefront

- fix parallax zero setting to background image fixed admin and storefront

Author: anthoula

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/row/preview.js

@@ -49,6 +49,7 @@ export default class Preview extends PreviewCollection {
         ) {
             _.defer(() => {
                 // Build Parallax on elements with the correct class
+                const parallaxSpeed = Number.parseFloat(this.parent.dataStore.get("parallax_speed") as string);
                 jarallax(
                     this.element,
                     {
@@ -58,7 +59,7 @@ export default class Preview extends PreviewCollection {
                             (this.parent.dataStore.get("background_repeat") as "repeat" | "no-repeat") || "no-repeat"
                         ),
                         imgSize: this.parent.dataStore.get("background_size") as string || "cover",
-                        speed: Number.parseFloat(this.parent.dataStore.get("parallax_speed") as string) || 0.5,
+                        speed: !isNaN(parallaxSpeed) ? parallaxSpeed : 0.5,
                     },
                 );
 

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/content-type/row/preview.ts

@@ -22,11 +22,13 @@ define([
         $element.addClass('jarallax');
         $element.attr('data-jarallax', '');
 
+        var parallaxSpeed = parseFloat($element.data('parallaxSpeed'));
+
         window.jarallax($element[0], {
             imgPosition: $element[0].style.backgroundPosition || '50% 50%',
             imgRepeat: $element[0].style.backgroundRepeat || 'no-repeat',
             imgSize: $element[0].style.backgroundSize || 'cover',
-            speed: parseFloat($element.data('parallaxSpeed')) || 0.5
+            speed: !isNaN(parallaxSpeed) ? parallaxSpeed : 0.5
         });
     };
 });