In my code I am setting the allowfullscreen attribute of my iframe which is surrounded by SkyLight which is an npm module for modal views in react.js

            <SkyLight dialogStyles={myBigGreenDialog} hideOnOverlayClicked ref=simpleDialog>

              <iframe src=url frameborder=0 width=960 height=569 allowfullscreen=true></iframe>;

            </SkyLight>

However when I check the page my iframe does not have the property allowfullscreen:

When I manually add the attribute allowfullscreen=true in the console, however, the iframe can go full screen.

Does anyone know how to make sure the allowfullscreen attribute exists without manually adding it through the console?