H5P Code to Remove Scrollbar in Embedded Accordion in Moodle

weldone's picture

I am currently embedding an H5P Accordion activity into a Moodle page activity, but I am encountering an issue where a scrollbar appears on the right side of the embedded content. This affects the visual appeal and usability of the activity.

 I would appreciate any guidance or a custom CSS/JavaScript snippet that can be added to remove the scrollbar while maintaining the intended functionality of the H5P Accordion.

Content types: 
otacke's picture

You should use the full embed code that includes a link to a JavaScript file that ensures resizing of the iframe (please see https://snordian.de/2023/09/30/what-is-it-with-h5p-and-this-resizing/ for details).