@percy/dom 1.31.2-beta.0 → 1.31.2-beta.1

package/README.md

@@ -65,7 +65,7 @@ to a new stylesheet inserted into the document's head.
 Canvas elements' drawing buffers are serialized as data URIs and the canvas elements are replaced
 with image elements. The image elements reference the serialized data URI and have the same HTML
 attributes as their respective canvas elements. The image elements also have a max-width of 100% to
-accomidate responsive layouts in situations where canvases may be expected to resize with JS.
+accommodate responsive layouts in situations where canvases may be expected to resize with JS.
 
 ### Video elements
 

package/dist/bundle.js

@@ -459,10 +459,24 @@
       if (!['img', 'iframe'].includes((_domElement$tagName = domElement.tagName) === null || _domElement$tagName === void 0 ? void 0 : _domElement$tagName.toLowerCase())) return;
       domElement.removeAttribute('loading');
     }
+    function serializeScrollState(original, clone) {
+      if (!original || !clone) return;
+
+      // Check and set scrollTop if it exists and has a value
+      if (typeof original.scrollTop === 'number' && original.scrollTop !== 0) {
+        clone.setAttribute('data-percy-scrolltop', original.scrollTop.toString());
+      }
+
+      // Check and set scrollLeft if it exists and has a value
+      if (typeof original.scrollLeft === 'number' && original.scrollLeft !== 0) {
+        clone.setAttribute('data-percy-scrollleft', original.scrollLeft.toString());
+      }
+    }
 
     // All transformations that we need to apply for a successful discovery and stable render
-    function applyElementTransformations(domElement) {
+    function applyElementTransformations(originalElement, domElement) {
       dropLoadingAttribute(domElement);
+      serializeScrollState(originalElement, domElement);
     }
 
     let mimetype = null;
@@ -592,7 +606,7 @@
           }
 
           // We apply any element transformations here to avoid another treeWalk
-          applyElementTransformations(clone);
+          applyElementTransformations(node, clone);
           serializeBase64(clone, resources, cache);
           parent.appendChild(clone);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@percy/dom",
-  "version": "1.31.2-beta.0",
+  "version": "1.31.2-beta.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -35,5 +35,5 @@
   "devDependencies": {
     "interactor.js": "^2.0.0-beta.10"
   },
-  "gitHead": "6d36e464efaa1261bf1f1e7c7302c64cc85eccc7"
+  "gitHead": "c8ba03fdd3ab7543f741a68eb5c357e38b48129e"
 }