Safari iframe visibility hidden not working

Question

I have an iframe and it's code is:

<iframe page_id="3" allowtransparency="true" src="https://www.mysite.com/" name="custom-frame" id="custom-frame-2044963" class="custom-frame" style="visibility: hidden; height: 1014px; width: 1060px;" scrolling="no" frameborder="0" width="100%" height="0" content_height="217"></iframe>

For some reason visibility: hidden is not working in Safari yet it is in Chrome and FF. I've never come across this before. It seems to be a new issue since this code is very very old. Any ideas?

I am not toggling display to avoid some other issues.

EDIT It looks like a Safari bug? http://jsfiddle.net/y2V3T/ v7.0.4

I removed all the attributes aside from `style` and still no good — Dave Stein, Jul 08 '14 at 21:22
Possible duplicate of [Unable to hide youtube iframes in safari?](http://stackoverflow.com/questions/12503598/unable-to-hide-youtube-iframes-in-safari) — tfont, Nov 13 '16 at 17:04

score 3 · Answer 1 · answered Apr 10 '17 at 10:15

If visibility: hidden is not working you can also use opacity: 0;

The code would look like this:

<iframe page_id="3" allowtransparency="true" src="https://www.example.com/" name="custom-frame" id="custom-frame-2044963" class="custom-frame" style="opacity: 0; height: 1014px; width: 1060px;" scrolling="no" frameborder="0" width="100%" height="0" content_height="217"></iframe>

score 1 · Accepted Answer · answered Jul 09 '14 at 20:05

1

Let's see if this is a legit bug, as I think it is:

https://bugs.webkit.org/show_bug.cgi?id=134774

answered Jul 09 '14 at 20:05

Dave Stein

8,653
13
56
104

Safari iframe visibility hidden not working

2 Answers2