Stimulus prompt doesn't display images in New Quizzes

[AllenOlson]

I have the same issue as posted under "Known issues" tagged with QUIZ-14975 except that it is for Stimulus items that are not pulled from an item bank. (Images embedded on a Stimulus pulled from an item bank display broken)

When I place an image from the course files in a Stimulus prompt, the image does not display in Preview mode, though it displays correctly in the Build mode. The alt text field displays instead of the image.

The same image file displays correctly in both Build and Preview mode if it is in a multiple choice or other type of question.

Quizzes that were created in the past which use the same structure of placing images in a Stimulus prompt are currently still working correctly.

[chriscas]

Hi @AllenOlson,

Do you happen to be using Firefox as your browser?  We have run into similar issues with quizzes (both classic and new) showing alt-text instead of images when in preview/student mode, but displaying fine in the build/teacher mode.  I don't know when the issue started, but we noticed it before out final exam period in December and posted a notice to students telling them to use a different browser to take quizzes.  If this is the issue, it seems to stem from Firefox's more aggressive blocking of third-party content.  Even though the files are in Canvas, the URL for files is different from the URL of the main Canvas site, and therefore Firefox seems to treat the content as third-party.  I honestly don't know if Instructure is to blame or if Firefox is, but everything worked correctly for us in Chrome, Edge, and Safari.  There is an option to disable some of Firefox's protection, but I generally don't like to advise students or teachers to change settings, so we just went with the "use another browser" route.

If you're not using Firefox, I apologize for the slightly long-winded paragraph above, but your description sounds exactly like what we ran in to, so I figured it was worth mentioning

-Chris

[AllenOlson]

I do use Firefox, but I just tested it in Safari and the issue remained the same. Safari doesn't even show the alt text field, it just shows a broken image.

And it doesn't seem like it can be a browser issue because the same code embedding the same image file works fine in other questions on the same quiz (in both Firefox and Safari). It is something specific to the Stimulus item.

And to re-iterate, the same structure of embedding images in Stimulus items in quizzes that I created last year and copied forward into a Canvas site I am using this quarter are still working fine. It is only new questions I am trying to create for next quarter's Canvas site that are not working.

[dbrace]

@AllenOlson,

If the problem is also happening in Safari, it might be related to cross-site tracking. Would you be willing to give these (see below) directions from Apple a try and let us know if that solves the problem?

"Prevent cross-site tracking in Safari on Mac"
https://support.apple.com/guide/safari/prevent-cross-site-tracking-sfri40732/mac

-Doug

[AllenOlson]

I tried it in both Safari 15.6.1 and 17.6. Unchecking the "Prevent cross-site tracking" option had no effect. The image in the Stimulus item was still broken while the same image in multiple choice and essay questions displayed correctly.

[dbrace]

Thank you for giving that a try @AllenOlson.

This sounds like something that might need to be reported to either your institution's Canvas team or directly to Canvas Support.

If they are able to give an explanation and resolution, please consider sharing the information with everyone.

-Doug