No Empty iframes by Firefox user 14450717

Test Page


https://overdodactyl.github.io/ShadowFox/no_empty_iframes_testpage


What it does

No Empty iframes adds a blank div to any iframes that have an empty body.


That sounds useless...what's the point?


ShadowFox utilizes userContent.css and userChrome.css to create a universal dark theme for Firefox. In part, this means styling about:blank. A complication of this is that about:blank is also used for anonymous frames on webpages. Generally, iframes will contain content, making the following css rule specific enough:


html > body:empty { background-color: var(--in-content-page-background) !important; }


Some pages, however, have empty iframes that cause readability issues (see #222).

This extension injects an empty div into such iframes, allowing the rule above to work.


Better approaches?

If anyone has a better approach/workaround for this problem, I would appreciate any suggestions.