3

I'm making a website compatible with ie11. I use babel to transpile the code and then I run a script in index.html that checks what needs to be polyfilled and import each polyfill dynamically.

In one part of my code, I have an iframe. The iframe imports a script that uses promises. The script is transpiled to be compatible with ie11 but when I run it in ie11 it crashes at the promise.

I tried running the same polyfill script as I do in index.html but it crashed (at some url-checking part) so I'm thinking that I should either re-write that script to make it not crash in the iframe. But maybe someone knows of another way of sharing all the polyfills with the iframe?

leetjojo
  • 33
  • 6
  • I agree with the suggestion given by the @shrimpwagon. You cannot implement polyfills to an iframe. You need to manage to open that web page in the IE browser properly and then it will also work in an iframe. There is no way to implement any polyfills from the parent page. – Deepak-MSFT Jul 15 '20 at 06:08

1 Answers1

2

It is not possible to pass JavaScript functions, classes, variables or prototypes into iframes due to security. An iframe can however access the parent's window but not the other way around. The HTML in the iframe would need to have the polyfills directly in it.

shrimpwagon
  • 867
  • 12
  • 23