iframe content isn't rendering correctly in the Android mobile app

[EmilyWhite1]

Hello, I have an HTML file for an image slider (that references CSS and JavaScript contained within the same folder) that I've uploaded to the Files section of my course and embedded in an iframe on a page. It all looks fine in the browser (on computer, phone, and tablet), but when I try loading it in the Android Canvas mobile app on my Samsung phone and tablet, the images do not display and only the alt text shows. Is this a known issue and are there any ways around it? I've searched the community for answers and everything I've found seems to be archived, outdated, or not directly addressing my issue. Thanks!

[greydon]

Hello @EmilyWhite1 

If your HTML file for an image slider works fine on browser, tablet, and phone but specifically not on your Android - you may want to try clearing the cache on that device:  How do I clear my cache in the Parent app on my An... - Instructure Community  (It says parent app but same process)

If  that doesn't fix it, you may want to  try deleting the app altogether and  re-downloading. If that still doesn't fix it, then the issue may stem from the Android directly and likely not your file nor Canvas. 

[EmilyWhite1]

Thanks, I tried all that and it didn't fix the issue. Like I said, everything looks fine in the browser, but when I try using the Canvas app on the same device it doesn't render correctly. It's accessing the HTML file to some degree because I can see the alt text that is housed in the HTML file, but it's like the Canvas app won't let the HTML file reference the files that are housed in the same folder (the CSS, JS, and images). Not sure why that would be different in the app vs. the browser, but that is the current situation. I tried it on my Samsung tablet as well and it's the same thing... looks fine in the browser but doesn't work in the Canvas app.