Skip to content

Bug: Presentation only showing first 3 slides preview #1

Description

@Wasim5620

Issue Description

The presentation on "Mathematical Modeling of Age-Specific TB Interventions" is currently experiencing a display issue where only the first 3 slides are visible/previewing correctly. The presentation should display all 16 slides.

Current Behavior

  • Only slides 1-3 are visible/previewing
  • Remaining slides (4-16) are not displaying
  • Total slides in presentation: 16

Expected Behavior

  • All 16 slides should be visible and accessible
  • Navigation should work through all slides
  • Reveal.js controls should allow full presentation navigation

Technical Details

Current framework versions:

- Reveal.js: 4.3.1
- Tailwind CSS: 2.2.19
- Font Awesome: 6.4.0
- MathJax: 3

Potential Areas to Check

  1. Reveal.js Initialization

    • Verify Reveal.js configuration
    • Check if all slide sections are properly initialized
    Reveal.initialize({
        width: 1280,
        height: 720,
        margin: 0,
        minScale: 0.2,
        maxScale: 1.5,
        controls: true,
        progress: true,
        center: false,
        transition: 'slide'
    });
  2. HTML Structure

    • Confirm all slides are properly wrapped in <section> tags
    • Verify DOM hierarchy within .reveal and .slides containers
    • Check for any malformed HTML that might break the structure
  3. Resource Loading

    • Ensure all JavaScript dependencies are loaded
    • Verify MathJax initialization
    • Check console for any loading errors
  4. Browser Compatibility

    • Test in different browsers
    • Check for any JavaScript errors in console
    • Verify CSS loading and application

Steps to Reproduce

  1. Open presentation
  2. Attempt to navigate past slide 3
  3. Observe that only first 3 slides are accessible

Immediate Action Items

  • Check browser console for errors
  • Verify all slide <section> tags are properly closed
  • Test in different browsers to isolate if browser-specific
  • Review Reveal.js initialization code
  • Validate HTML structure for all slides
  • Check if any JavaScript errors are preventing full initialization
  • Verify all required resources are loading correctly

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions