nodebb-plugin-ezoic-infinite 1.5.40 → 1.5.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-ezoic-infinite",
-  "version": "1.5.40",
+  "version": "1.5.41",
   "description": "Production-ready Ezoic infinite ads integration for NodeBB 4.x",
   "main": "library.js",
   "license": "MIT",

package/public/client.js

@@ -318,6 +318,27 @@ function mutationHasRelevantAddedNodes(mutations) {
       if (adSpan.tagName !== 'SPAN') return;
       if (!adSpan.classList || !adSpan.classList.contains('ezoic-ad')) return;
 
+      // Some Ezoic templates apply sticky/fixed positioning inside the ad slot
+      // (e.g. .ezads-sticky-intradiv) which can make the creative appear to
+      // "slide" within an oversized container. Neutralize it inside the slot.
+      try {
+        const sticky = adSpan.querySelectorAll('.ezads-sticky-intradiv');
+        sticky.forEach((el) => {
+          el.style.setProperty('position', 'static', 'important');
+          el.style.setProperty('top', 'auto', 'important');
+          el.style.setProperty('bottom', 'auto', 'important');
+        });
+
+        // Safety net: any descendant that ends up sticky/fixed via inline style
+        // (rare, but causes "floating" creatives).
+        const positioned = adSpan.querySelectorAll('[style*="position: sticky"], [style*="position:sticky"], [style*="position: fixed"], [style*="position:fixed"]');
+        positioned.forEach((el) => {
+          el.style.setProperty('position', 'static', 'important');
+          el.style.setProperty('top', 'auto', 'important');
+          el.style.setProperty('bottom', 'auto', 'important');
+        });
+      } catch (e) {}
+
       const mhStr = adSpan.style && adSpan.style.minHeight ? String(adSpan.style.minHeight) : '';
       const mh = mhStr ? parseInt(mhStr, 10) : 0;
       if (!mh || mh < 350) return; // only fix the "400px"-style reservations
@@ -1026,9 +1047,27 @@ function startShow(id) {
   ensureTightenObserver();
   ensurePreloadObserver();
   ensureDomObserver();
-
   bindNodeBB();
 
+  // Lightweight scroll kick: NodeBB infinite scroll can keep many nodes and only append occasionally.
+  // Without a scroll trigger, we might not inject new placeholders until another DOM mutation occurs.
+  // This is throttled and only triggers near the bottom to keep CPU usage minimal.
+  state.lastScrollKick = 0;
+  window.addEventListener('scroll', () => {
+    const now = Date.now();
+    if (now - state.lastScrollKick < 250) return;
+    state.lastScrollKick = now;
+
+    // Only kick when user is approaching the end of currently rendered content
+    const doc = document.documentElement;
+    const scrollTop = window.pageYOffset || doc.scrollTop || 0;
+    const viewportH = window.innerHeight || doc.clientHeight || 0;
+    const fullH = Math.max(doc.scrollHeight, document.body ? document.body.scrollHeight : 0);
+    if (scrollTop + viewportH > fullH - 2000) {
+      if (!isBlocked()) scheduleRun();
+    }
+  }, { passive: true });
+
   // First paint: try hero + run
   blockedUntil = 0;
   insertHeroAdEarly().catch(() => {});

package/public/style.css

@@ -6,4 +6,6 @@
 .ezoic-ad {
   display: block;
   width: 100%;
+  clear: both;
+  position: relative;
 }