Content does not load in Matrix CMS

  1. Detailed steps to reproduce the bug (exactly how and when did it happen) –

 

H5P Content is embedded into our website using iframe. 

Content displays correctly in preview mode. However, when the page is made live, content does not load. Refreshing the page makes the content load/display, and it functions as expected after that.

The bug occurs when the page is viewed via the sidebar tab navigation parent page. The bug doesn't occur when the child page is viewed directly.

 

Our web dev team has investigated and concludes that there must be some issue between the sidebar tab nav and these particular H5P content types. However, this issue only occurs with Course Presentation and Drag and drops. Other other H5P content types do work with sidebar tab nav (MCQs and Documentation Tool have been successful so far). So I feel there must be something in the content type back end that could be fixed.

 

  1. Platform and version number – Squiz Matrix CMS v5.5.7.1 
  2. Mobile or Desktop -- Desktop 
  3. Browser:  – Chrome, Firefox, Safari all show the same issue. 
  4. H5P plugin version –none, it’s just html embedded. 
  5. H5P content type and version (if a content type was used), and a sample URL or attached H5P. 

    Course presentations
    e.g. "Abstracts" - https://unimelb.h5p.com/content/1291769718023190999

    Drag and drops*
    e.g.
    "Empirical paper abstract" - https://unimelb.h5p.com/content/1291743960471448469
    "Review paper abstract" - https://unimelb.h5p.com/content/1291745609955489529
    "Modelling paper abstract" - https://unimelb.h5p.com/content/1291745609955489529
    "Think piece or speculative paper abstract" - https://unimelb.h5p.com/content/1291744012982119589

    *Drag and drops are currently live (see "Title and abstract" section on this page: https://students.unimelb.edu.au/academic-skills/resources/graduate-research/writing-a-paper-for-publication)

 

  1. Any browser console errors – none
  2. Any PHP errors – None.
  3. Screenshots if it's a visual problem --  First image shows how the page loads, second image shows after refresh (successful, but we would like it to load first time round!)


 

 

 

  1. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.) – None.
  2. Any recent changes to the browser you're using (new extensions, updates etc.) -- None.

 

Content types: 
otacke's picture

Seems like you're suffering from an issue that can happen when the H5P content is put into dynamically sized containers like an accordion.  The H5P content cannot determine the proper height unless the page is resized if my assumption is correct.

Please cmp. https://snordian.de/2023/02/05/h5p-content-does-not-show-in-tab-or-accordion-or-lightbox-or-on-wordpress-what-can-i-do/ or https://h5p.org/manipulating-h5p-with-javascript