nodebb-plugin-ezoic-infinite 1.6.10 → 1.6.11

package/package.json

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

package/public/client.js

@@ -1,21 +1,34 @@
 (function () {
   'use strict';
 
-function createWrapElement(kindClass, targetEl) {
+function createWrapHostAndWrap(kindClass, targetEl) {
+  // For <ul>/<ol> we MUST insert a <li> to keep valid DOM.
+  // But for compatibility with existing selectors (often 'div.nodebb-ezoic-wrap'),
+  // we keep the actual wrap as a DIV inside the LI.
+  var host = null;
   try {
     if (kindClass === 'ezoic-ad-between') {
       var p = targetEl && targetEl.parentElement;
       if (p && (p.tagName === 'UL' || p.tagName === 'OL')) {
-        var li = document.createElement('li');
-        li.className = 'nodebb-ezoic-wrap ' + kindClass;
-        li.setAttribute('role', 'listitem');
-        return li;
+        host = document.createElement('li');
+        host.className = 'nodebb-ezoic-host';
+        host.setAttribute('role', 'listitem');
+        host.style.listStyle = 'none';
+        host.style.width = '100%';
       }
     }
   } catch (e) {}
-  var div = document.createElement('div');
-  div.className = 'nodebb-ezoic-wrap ' + kindClass;
-  return div;
+
+  var pair = createWrapHostAndWrap(kindClass, el);
+    var host = pair.hostEl;
+    var wrap = pair.wrapEl;
+  wrap.className = 'nodebb-ezoic-wrap ' + kindClass;
+
+  if (host) {
+    host.appendChild(wrap);
+    return { hostEl: host, wrapEl: wrap };
+  }
+  return { hostEl: wrap, wrapEl: wrap };
 }
 
 
@@ -655,7 +668,9 @@ function globalGapFixInit() {
   // ---------------- insertion primitives ----------------
 
   function buildWrap(id, kindClass, afterPos, createPlaceholder) {
-    const wrap = createWrapElement(kindClass, el);
+    const pair = createWrapHostAndWrap(kindClass, el);
+    const host = pair.hostEl;
+    const wrap = pair.wrapEl;
     wrap.className = `${WRAP_CLASS} ${kindClass}`;
     wrap.setAttribute('data-ezoic-after', String(afterPos));
     wrap.setAttribute('data-ezoic-wrapid', String(id));
@@ -665,7 +680,6 @@ function globalGapFixInit() {
       wrap.setAttribute('data-ezoic-pin', '1');
     }
     wrap.style.width = '100%';
-    try { if (wrap.tagName === 'LI') { wrap.style.listStyle = 'none'; wrap.setAttribute('data-ezoic-li','1'); } } catch(e) {}
 
     if (createPlaceholder) {
       const ph = document.createElement('div');

package/public/style.css

@@ -81,7 +81,9 @@
 }
 
 
-/* ===== V12 between-as-li ===== */
-li.nodebb-ezoic-wrap.ezoic-ad-between { list-style: none; width: 100%; }
-/* ===== /V12 ===== */
+/* ===== V12.1 li host wrapper ===== */
+li.nodebb-ezoic-host { list-style: none; width: 100%; }
+/* keep inner wrap full width */
+li.nodebb-ezoic-host > .nodebb-ezoic-wrap { width: 100%; }
+/* ===== /V12.1 ===== */