Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Safari Devtools logs error when running in a cross-origin iframe, rendering <label>Email</label> #15528

Closed
mb21 opened this issue Apr 29, 2019 · 1 comment

Comments

@mb21
Copy link

mb21 commented Apr 29, 2019

Do you want to request a feature or report a bug?
bug

What is the current behavior?

This seems very similar to #14002

Put the following code in a react component:

<label>Email</label>
<input type="text" />

Put the whole app in a cross-origin iframe (as is already the case in CodePen).

Safari emits the following error in the dev console on render, and every time when you focus the text field:

Blocked a frame with origin "https://s.codepen.io" from accessing a frame with origin "https://codepen.io". Protocols, domains, and ports must match.

Interestingly, another label text works fine. Only <label>Email</label> triggers the error.

Demo: https://codepen.io/anon/pen/MRRbLz

What is the expected behavior?
No error is logged in the console.

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?

  • Safari Version 12.1 (14607.1.40.1.4) on macOS 10.14.4
  • react and react-dom 16.8.6
@mb21 mb21 changed the title Safari Devtools logs error when rendering a form running in a cross-origin iframe Safari Devtools logs error when running in a cross-origin iframe, rendering <label>Email</label> Apr 29, 2019
@mb21
Copy link
Author

mb21 commented Apr 29, 2019

Uh, this actually happens even without react. It's a pure Safari bug, sorry for the noise.

@mb21 mb21 closed this as completed Apr 29, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant