@hortonstudio/main 1.1.23 → 1.1.24

package/animations/hero.js

@@ -248,8 +248,11 @@ export async function init() {
         headingSplits = [];
         
         if (heading.length > 0) {
-            headingSplitElements.forEach((parent, index) => {
-                const textElement = heading[index];
+            // Fresh DOM selection like text.js does
+            const freshHeadings = document.querySelectorAll('[data-hs-hero="heading"] > *:first-child');
+            
+            freshHeadings.forEach((textElement, index) => {
+                const parent = textElement.parentElement;
                 const splitType = parent.getAttribute('data-hs-heroconfig') || 'word';
                 
                 let splitConfig = {};
@@ -289,8 +292,11 @@ export async function init() {
         
         // Split text setup for subheadings
         if (subheading.length > 0) {
-            subheadingSplitElements.forEach((parent, index) => {
-                const textElement = subheading[index];
+            // Fresh DOM selection like text.js does
+            const freshSubheadings = document.querySelectorAll('[data-hs-hero="subheading"] > *:first-child');
+            
+            freshSubheadings.forEach((textElement, index) => {
+                const parent = textElement.parentElement;
                 const splitType = parent.getAttribute('data-hs-heroconfig') || 'word';
                 
                 let splitConfig = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.1.23",
+  "version": "1.1.24",
   "main": "index.js",
   "type": "module",
   "scripts": {

package/styles.css

@@ -11,10 +11,6 @@ body .transition {display: block}
     margin-inline: -.1em;
 }
 
-/* safari line detection fix */
-[data-hs-hero="heading"] {
-    text-wrap: wrap !important;
-}
 
 /* scroll cleanliness */
 html, body {