In my app, the live reload iframe that’s injected into the html of every page isn’t hidden. <iframe hidden="" src="/phoenix/live_reload/frame"></iframe> It has a height of 150 and its pushing everything else up on the page. Why is it visible?

I noticed this also. The following CSS does the trick of hiding it. iframe[src="/phoenix/live_reload/frame"] { display: none; }

Just to mention this as well. This is because of css tailwind does apply. By default the hidden attribute should work as expected. For tailwind I’d suggest adding css to make hidden actually do its job.

[image] LostKobrakai: For tailwind I’d suggest adding css to make hidden actually do its job. Specifically, maybe something like this: [hidden] { display: none !important; } This is the same as the default style rule for hidden , just with !important so that it overrides the tailwind’s dis…

Elixir Programming Language Forum

Injected live reload iframe isn't hidden

Questions & Help Questions

Christophx February 12, 2021, 5:27am 3

Thanks! This did the trick