gclass-anims 1.0.0-beta.10 → 1.0.0-beta.11

package/Animations.js

@@ -257,11 +257,30 @@ export function splitPaths (paths){
     newPaths = rawPath.map(segment => {
         const newPath = document.createElementNS("http://www.w3.org/2000/svg" , "path")
         let i = attributes.length
-        while (i--) newPath.setAttributeNS(null , attributes[i].nodeName , attributes[i].nodeValue)
+        while (i--) {
+            const attr = attributes[i]
+            // Don't copy GSAP wiring or appear/scroll triggers — children are
+            // animated via the returned timeline, not as independent spawns.
+            // Copying "appear" caused appearObserver → split → appear loop.
+            if (attr.nodeName === "class") {
+                const filtered = attr.nodeValue
+                    .split(/\s+/)
+                    .filter(c => c && c !== "appear" && c !== "scroll" && c !== "scroll-progress" && c !== "draw" && c !== "draw-split")
+                    .join(" ")
+                if (filtered) newPath.setAttributeNS(null, "class", filtered)
+                continue
+            }
+            if (attr.nodeName.startsWith("data-gsap")) continue
+            newPath.setAttributeNS(null , attr.nodeName , attr.nodeValue)
+        }
         newPath.setAttributeNS(null , "d" ,
             "M" + segment[0] + "," + segment[1] +
             "C" + segment.slice(2).join(",") +
             (segment.closed ? "z" : ""))
+        // Isolate paint and mark as split child so future inits skip it
+        newPath.dataset.gsapSplit = "1"
+        newPath.style.contain = "paint"
+        newPath.style.willChange = "transform"
         parent.insertBefore(newPath , path)
         return newPath
     })

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to `gclass-anims` will be documented in this file.
 
+## [1.0.0-beta.11] - 2026-08-26
+
+- Fixed `.draw-split` infinite loop when paired with `.appear` — `splitPaths` (`Animations.js:244`) now strips `appear`/`scroll`/`scroll-progress`/`draw`/`draw-split`/`data-gsap-*` from cloned segments, marks children with `data-gsap-split` + `contain:paint`/`will-change:transform` isolation, and prevents `appearObserver` (`Listeners.js:1559`) re-triggering. Also isolated `draw-split` demos in docs.
+
 ## [1.0.0-beta.10] - 2026-08-26
 
 - Added `.randomize-<prop>-[min]-[max]` — randomize spawn start values per element (e.g. `randomize-rotation-[-90]-[90]`, `randomize-x-[-40]-[40]`). Re-rolls on every replay (`.scroll` re-enter, `.appear`).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gclass-anims",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.11",
   "description": "A Tailwind-style utility layer on top of GSAP. Framework-agnostic — works in vanilla JS, React, Vue, Svelte, or any bundler.",
   "type": "module",
   "main": "index.js",