Images broken/missing in preview on Safari

[andyw8]

Safari Version 15.2 (17612.3.6.1.6) Apple M1 Pro

In the Learn React course, the images appear as a broken icon in the browser preview, e.g. at the –2:25 timestamp in https://scrimba.com/learn/learnreact/project-setup-navbar-cob544349a4494c348ab844f0

I see the following warning in Safari's console, not sure if related.

Blocked script execution in 'https://scrimba.com/__sw__blank.html' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.

It works fine in Chrome.

[eighteentee]

Yes! I thought I was going mad. Has there been any movement on this? Using Chrome or Edge to run these Scrimba courses chews through battery - Safari sips battery.

[aolite]

Totally agree! I noticed same bug in Safari browser... Are any solution to that?

Thanks in advance!

[eighteentee]

Using anything but Safari when away from a power source (even on my M1 Max) results in reduced battery life. This is a shame that Safari isn't supported. Maybe the Scrimba admins should put a disclaimer on the site to say that Scrimba isn't compatible with Safari if it's not going to be fixed?

[snbns]

Has anyone figured out how to resolve this issue? I'm seeing the same thing while doing Scrimba courses.

[Brandonagil]

still exist

[whoisyulu]

I want to use Scrimba on iPad Pro but non of the major browsers works (including Chrome).

All browsers on iOS/iPad OS are Webkit based and given Safari on Mac is not working as well, I'd guess this is has something todo with Webkit.