iFramed position:fixed container box not viewport on tab refocus

Hi, my iFramed document contains a position:fixed element inside the scrolled body. It works great in Safari when the page first loads. But tab away and back to the page, and the position:fixed element is hidden at the top of the page. Strangely, the Safari inspector "sees" the position:fixed element back in the viewport area. The position:fixed element's bounding box is registered in the fixed:position where the element should be visible. But, the position:fixed element is not visible there, its hidden at the top. It only snaps into the viewport if the body is manually scrolled. Attempting to scroll the body with javascript does not show the position:fixed item in the viewport. This is only an issue in Safari, FF and Chrome show the item in it's fixed position after the page gets focus again.

Replies

Could you share a link to the content that we can test with?

  • For this jsfiddle, open in Safari, tab to another page and tab back to see the issue. https://jsfiddle.net/khdolan/o1md489z

Add a Comment

I created a bug report https://bugs.webkit.org/show_bug.cgi?id=226739