davidjbradshaw / iframe-resizer

Keep iFrames sized to their content.

Home Page:https://iframe-resizer.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

border-box model...

shawnhaigh opened this issue · comments

In modern CSS frameworks box-model: border-box is applied globally ex.

*, *:before, *:after {box-model: border-box;}

When implementing iframeResizer in this environment, the height calculation is off slightly and the frame re-sizes continuously making the page repaint and the CPU shoots up to 100%.

Placing {border-box: content-box} globally seems to fix the issue but breaks the framework.

Any ideas on what can be done so iframeResizer can live happily inside a css framework?

If you need more info just let me know, Thanks in advance for any insight.

Can you please send me an example, I tried putting that CSS into the test page, but couldn't repro the issue.

Heh!! I closed all my windows and restarted my dev environment and it seems to work now. My apologies ...

OK cool glad to hear it's working, let me know if you workout how to repro it.