Home: actually show the Load more buttons

OP OpenVibers committed 16 Sept 2026 · 486c1d7caa · 2 files, +5 −2

The pagination containers carry an inline display:none in the markup. The old pager cleared it
when it rendered; the new Load more renderer did not, so all four buttons were being written into
hidden boxes — present in the DOM, clickable from script, and invisible to everyone. Caught by
Alex, confirmed by measuring: offsetParent null and zero size on all four.

Co-Authored-By: Claude Opus 5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01CMxJm1dB8rdsaMSgNjVa82

Changes

ddiff --git a/public/index.html b/public/index.html
iindex 84583a16..cc4a71d4 100644
---- a/public/index.html
++++ b/public/index.html
@@@ -5130,7 +5130,7 @@ curl -s https://openvibe.media/live/@Goosely/chat-insight.json | jq ".chat_insig
  <script src="/live-notify.js?v=3" defer></script>
  <script src="/js/ov-skeleton.js?v=1" defer></script>
  <script src="/js/ov-odometer.js?v=3" defer></script>
--<script src="/js/app.js?v=153" defer></script>
++<script src="/js/app.js?v=154" defer></script>
  <script src="/js/stream-player.js?v=22" defer></script>
  <script src="/js/stream-pip.js?v=1" defer></script>
  <script src="/js/chat-shared.js?v=3" defer></script>
ddiff --git a/public/js/app.js b/public/js/app.js
iindex 38af79c9..473a995c 100644
---- a/public/js/app.js
++++ b/public/js/app.js
@@@ -2861,7 +2861,10 @@ function renderHomePagination(containerId, total, page, pageSize, setterName) {
      if (!el) return;
      const shown = page * pageSize;
      const left = Math.max(0, (total || 0) - shown);
--    if (left <= 0) { el.innerHTML = ''; return; }
++    // These containers ship with an inline display:none — the old pager unhid them itself, and
++    // this one has to as well or the button renders into a hidden box and nobody ever sees it.
++    if (left <= 0) { el.innerHTML = ''; el.style.display = 'none'; return; }
++    el.style.display = 'block';
      const next = Math.min(left, pageSize);
      el.innerHTML = `<button type="button" class="home-load-more" onclick="${setterName}(${page + 1}, true)">
          <i class="fa-solid fa-arrow-down"></i>

diff --git a/public/index.html b/public/index.html

index 84583a16..cc4a71d4 100644

--- a/public/index.html

+++ b/public/index.html

@@ -5130,7 +5130,7 @@ curl -s https://openvibe.media/live/@Goosely/chat-insight.json | jq ".chat_insig

-<script src="/js/app.js?v=153" defer></script>

+<script src="/js/app.js?v=154" defer></script>

diff --git a/public/js/app.js b/public/js/app.js

index 38af79c9..473a995c 100644

--- a/public/js/app.js

+++ b/public/js/app.js

@@ -2861,7 +2861,10 @@ function renderHomePagination(containerId, total, page, pageSize, setterName) {

if (!el) return;

const shown = page * pageSize;

const left = Math.max(0, (total || 0) - shown);

- if (left <= 0) { el.innerHTML = ''; return; }

+ // These containers ship with an inline display:none — the old pager unhid them itself, and

+ // this one has to as well or the button renders into a hidden box and nobody ever sees it.

+ if (left <= 0) { el.innerHTML = ''; el.style.display = 'none'; return; }

+ el.style.display = 'block';

const next = Math.min(left, pageSize);

el.innerHTML = `<button type="button" class="home-load-more" onclick="${setterName}(${page + 1}, true)">