🏠 back to Observable

Safari console: Blocked a frame…


#1

In Safari’s console, when I cross a notebook’s cell border, I get the following message:

Blocked a frame with origin "https://beta.observablehq.com" from accessing a frame with origin "https://martien.static.observableusercontent.com". Protocols, domains, and ports must match.

Notebook itself runs as expected.

Seems like a specific Safari security issue.

What is the best way to avoid this?


#2

Hi Martien,

Unfortunately, this appears to be a change in recent versions of Safari.

There’s nothing you can do in your notebook to avoid this. The change will have to come from either another Safari update, or an update to React (the library that we depend on to build the Observable interface). We’ll see if we can get some forward motion to work on a fix in the latter.

In the meantime, you can quiet the warnings by only viewing the “Logs” in your Safari console:

… although that will have the unfortunate side effect of silencing other errors as well, until you toggle back.


#3

For reference, here’s the associated React ticket:


#4

Ah, right. Clears it up. Okay, I can live with it for a while. Annoying but workable. Hope Apple and/or React will solve it in the near future.


#5

Wonderful. It’s been worked on already. Thanks.