The Instructure Community will enter a read-only state on November 22, 2025 as we prepare to migrate to our new Community platform in early December.
Read our blog post for more info about this change.
Issue: Canvas applies a "max-width" attribute to an image shrinking an image to a width of 100 pixels.
This issue is very inconsistent but confirmed in the HTML inspector on Google Chrome (F12). When I attempt to manually override this attribute with max-width = "none" Canvas removes this attribute.
Example
<img src="..." width = "100%" max-width = "none">
Any suggestions? Thanks!
I'm getting this issue too, I've narrowed it down in my case to images that aren't visible when the page loads. Even adding style="max-width:none !important;" doesn't override it.
I've been able to narrow it down to when I attempt to set an image's width to 100% while in a cell of a table...hopefully that gives users with the similar issue a clue.
Was this issue ever resolved?
I just ran into this today when I tried to add an image as a link in an existing page. The newest image has the attribute added, none of the others do. It only happens with this one image in particular and I cannot, for whatever reason, get the max-width attribute to go over 100px. Other images on the same page have a max-width, but theirs is set correctly to 533px.
Needless to say, this is a frustrating problem because there's no way to track down why this particular image is affected. Setting absolute pixel sizes fixes the issue, but when you set a relative size to allow for different screen sizes, it breaks.
Community helpTo interact with Panda Bot, our automated chatbot, you need to sign up or log in:
Sign inTo interact with Panda Bot, our automated chatbot, you need to sign up or log in:
Sign in
This discussion post is outdated and has been archived. Please use the Community question forums and official documentation for the most current and accurate information.