It appears that LTI activities are no longer resizing to their content height after a Canvas page is saved. A fixed iframe height seems to be applied, resulting in: * Excessive whitespace for shorter activities (e.g. H5P MCQs, Atomic Polls) * Scrollbars or clipped content for longer activities for example: this is how the LTI embed code on a page with only this code: Previously, the same activities displayed correctly in the RCE preview and appeared to resize responsively. Could you please investigate whether there has been a recent change affecting LTI iframe sizing or auto-resizing behavior?

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

LTI iframe height no longer appears responsive

GiangLe2024

It appears that LTI activities are no longer resizing to their content height after a Canvas page is saved.

A fixed iframe height seems to be applied, resulting in:

Excessive whitespace for shorter activities (e.g. H5P MCQs, Atomic Polls)
Scrollbars or clipped content for longer activities

for example: this is how the LTI embed code on a page with only this code:

<p><iframe style="width: 1000px; height: 771px;" title="" src="https://rmit.instructure.com/courses/136704/external_tools/retrieve?display=in_rce&amp;resource_link_lookup_uuid=2f6c94ce-1d1b-42ba-b7c3-ca621b3f90c0" loading="lazy" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *; autoplay *; clipboard-write *; display-capture *"></iframe></p>

Previously, the same activities displayed correctly in the RCE preview and appeared to resize responsively.

Could you please investigate whether there has been a recent change affecting LTI iframe sizing or auto-resizing behavior?

Find more posts tagged with

Admin

Instructional Designer

Instructor

Accepted answers

james_whalley

Maybe it is just certain LTIs. I just tried Google Drive, Kaltura, and Panopto, with all of them being responsive.

All comments

james_whalley

@GiangLe2024 Hmmm…I am having trouble trying to duplicate this issue. I tried with H5P MCQ code, but it came with a height variable already set in the code. If I remove the height variable, the iframe does not show all of the content. I see that the code H5P give me has a js code, which cannot run from a page in Canvas.

<iframe src="https://h5p.org/h5p/embed/712" width="1073" height="576" frameborder="0" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *" title="Multiple Choice"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

I don't remember custom js working in a Canvas page. Do you know how the auto-resizing was working for your content before?

GiangLe2024

Hi James thanks for testing this.

The resize issue seems to happen only when the content is embedded via LTI integration, not through the direct embed link. From your code, it looks like you're using the direct embed method (https://h5p.org/h5p/embed…) - which should work ok

james_whalley

Maybe it is just certain LTIs. I just tried Google Drive, Kaltura, and Panopto, with all of them being responsive.

Unanswered Questions

How does "Participation: Course" + manually input start/end dates play with Course Pacing?
Hoping someone can explain for me. We're using pacing to avoid manually dating regular assignments each quarter, but the dates I see are based on when the course was instantiated, while students see dates based on when they were added to the course by [backend software I don't know anything about, presumably]. If I set…
Duplicate user being created in Canvas / Catalog
Has anyone else had issues with an influx of duplicate users in Canvas? Ours is currently in the form of an email that already exists, becoming a new user - and not automatically merging with the user ID with the same email that also is linked to our SIS ID correctly as well. For example, user 1 is xyz@gmail.com without a…
Enhancing Collaborative Evaluation Workflows Using Canvas Portfolios
Canvas Portfolios provide a powerful platform for students to document their learning journey, reflect on their progress, and showcase competencies. However, in programs where multiple educators are involved in assessment—such as team teaching, moderation, or competency-based evaluation—there are important questions about…
Canvas - Messaging for students when grades that aren't 100% are all dark red (instead of green)
I wonder if others have had this response, but I think it is troubling messaging for students that, no matter how well they may do on an assignment, they are given a signal that anything below a perfect score should be marked/denoted with a red color, as if those grades are poor, or even lesser. I think it is harmful for…
Student moved from one Tag to another but can see both Canvas Pages
I have a student that was in a tag called "ac" and recently moved him to a different tag, "AC." I did ensure the old tag was removed; however on a canvas PAGE he sees both pages the "ac" and "AC" Canvas Pages. I removed the assigned tags to the page and the one tag to the student thinking maybe if I remove and reassign…