Open Bug 1745806 Opened 3 years ago Updated 3 years ago

Bug: Rendering React content inside an iFrame using createPortal with Firefox is blank

Categories

(Core :: DOM: Core & HTML, defect)

Product:
Core
Component:
DOM: Core & HTML
Version:
Firefox 97
Type:
defect

Tracking

()

Tracking Flags:
Tracking Status
firefox95 --- affected
firefox96 --- affected
firefox97 --- affected

People

(Reporter: emilevirus, Unassigned)

References

(Depends on 1 open bug)

Details

Steps to reproduce:

I'm trying to render JSX content inside an iFrame using createPortal. It works fine in Edge, Chrome, but in Firefox the iframe body stays empty.
React version: 17.0.2

Steps To Reproduce
Render an iframe
Use createPortal inside the iframe with an element i.e
test

Actual results:

Link to code example: https://n6lyi.csb.app/
In Firefox, the iframe content shows for like 300ms, then goes blank.
firefox resets the iframe content after it receives the load event

Expected results:

It should show content we passed using createPortal.

Managed to reproduce this on Windows 10 x64, macOS 11.6 and on Ubuntu 20.04 x64.

Severity: -- → S3
Status: UNCONFIRMED → NEW
status-firefox95: --- → affected
status-firefox96: --- → affected
status-firefox97: --- → affected
Component: Untriaged → DOM: Core & HTML
Ever confirmed: true
OS: Unspecified → All
Product: Firefox → Core
Hardware: Unspecified → All

Seems like another case of bug 543435.

Depends on: sync-about-blank
You need to log in before you can comment on or make changes to this bug.