rise_output_fix.js

// Small script to keep RISE slides from being pushed off-screen by large outputs.
// It watches for added output areas inside the current slide and if the
// slide's content overflows the viewport it will scroll the slide container
// up by the overflow amount, keeping the earlier content visible.

(function() {
  function onOutputAdded(node) {
    // find the closest section (slide)
    var section = node.closest('section') || node.closest('.reveal') || document.querySelector('.reveal .slides section.present');
    if (!section) return;

    // give the browser a moment to layout
    requestAnimationFrame(function() {
      var rect = section.getBoundingClientRect();
      var overflow = rect.bottom - window.innerHeight;
      if (overflow > 0) {
        // scroll the section up inside the slide container
        // prefer smooth behavior if available
        var parent = document.scrollingElement || document.documentElement;
        parent.scrollBy({ top: overflow + 8, left: 0, behavior: 'smooth' });
      }
    });
  }

  function observeOutputs() {
    var observer = new MutationObserver(function(mutations) {
      mutations.forEach(function(m) {
        m.addedNodes.forEach(function(n) {
          if (!n) return;
          // detect Jupyter output wrappers
          if (n.classList && (n.classList.contains('output') || n.classList.contains('output_area') || n.classList.contains('jp-OutputArea') || n.classList.contains('output_wrapper'))) {
            onOutputAdded(n);
          } else if (n.querySelectorAll) {
            var found = n.querySelectorAll('.output, .output_area, .jp-OutputArea, .output_wrapper');
            if (found.length) onOutputAdded(n);
          }
        });
      });
    });

    observer.observe(document.body, { childList: true, subtree: true });

    // also handle immediate existing outputs when script loads
    document.querySelectorAll('.output, .output_area, .jp-OutputArea, .output_wrapper').forEach(function(n) {
      onOutputAdded(n);
    });
  }

  if (document.readyState === 'complete' || document.readyState === 'interactive') {
    observeOutputs();
  } else {
    document.addEventListener('DOMContentLoaded', observeOutputs);
  }
})();