nodebb-plugin-ezoic-infinite 1.6.49 → 1.6.50

package/package.json

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

package/public/client.js

@@ -661,8 +661,8 @@ function globalGapFixInit() {
 
   // ---------------- insertion primitives ----------------
 
-  function buildWrap(id, kindClass, afterPos, createPlaceholder) {
-    const wrap = document.createElement('div');
+  function buildWrap(id, kindClass, afterPos, createPlaceholder, tagName) {
+    const wrap = document.createElement(tagName || 'div');
     wrap.className = `${WRAP_CLASS} ${kindClass}`;
     wrap.setAttribute('data-ezoic-after', String(afterPos));
     wrap.setAttribute('data-ezoic-wrapid', String(id));
@@ -673,6 +673,15 @@ function globalGapFixInit() {
     }
     wrap.style.width = '100%';
 
+    // If we're inserted into a UL/OL list, use an LI wrapper to keep valid markup.
+    // Otherwise browsers can re-parent the DIV, which looks like items/ads “remontent”
+    // and can break topic list rendering.
+    if ((tagName || '').toLowerCase() === 'li') {
+      wrap.style.listStyle = 'none';
+      wrap.style.padding = '0';
+      wrap.style.margin = '0';
+    }
+
     if (createPlaceholder) {
       const ph = document.createElement('div');
       ph.id = `${PLACEHOLDER_PREFIX}${id}`;
@@ -692,7 +701,10 @@ function globalGapFixInit() {
 
     insertingIds.add(id);
     try {
-      const wrap = buildWrap(id, kindClass, afterPos, !existingPh);
+      const parent = target.parentElement;
+      const parentTag = parent && parent.tagName ? parent.tagName.toUpperCase() : '';
+      const tagName = (parentTag === 'UL' || parentTag === 'OL') ? 'li' : 'div';
+      const wrap = buildWrap(id, kindClass, afterPos, !existingPh, tagName);
       target.insertAdjacentElement('afterend', wrap);
 
       // If placeholder exists elsewhere (including pool), move it into the wrapper.