Image Flashcard content

  1. Detailed steps to reproduce the bug (exactly how and when did it happen) - H5P flashcards not displaying interactive content when accessed when embedded in dynamic tools like tabs, popouts, accordions, etc. The issue appears only to replicate in Chrome when in live mode. Appears normally while editing. See attached images. 
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle. CourseArc 2020 
  3. Mobile or Desktop Desktop
  4. Browser: Chrome, Firefox, Safari etc Chrome
  5. H5P plugin version Unknown
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P. Flashcards - H5P Embed Code:
    <iframe src="https://lor.mivu.org/h5p/embed/5045" width="784" height="898" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://lor.mivu.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>
  7. Any browser console errors None
  8. Any PHP errors None
  9. Screenshots if it's a visual problem Attached.
  10. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.) NA
  11. Any recent changes to the browser you're using (new extensions, updates etc.) NA
Content types: 
BV52's picture

Hi amills,

Can you please double check if you have any browser console errors (ctrl+shift+J) a screenshot of the console would be a great help.

-BV 

There appears to be some. Image attached. Any advice on how to proceed from here would be great!

Attachments: 

There does appear to be an error. Do you know how to proceed?

Attachments: 
otacke's picture

Hi amills!

This is not a bug, but a matter of displaying/resizing H5P content in dynamic environments. Please consult the dicumentation at https://h5p.org/manipulating-h5p-with-javascript for details.

Best,

Oliver