simple-element-resize-detector icon indicating copy to clipboard operation
simple-element-resize-detector copied to clipboard

Published 20 hours ago • verified publisher icon developit

Resize events only work if iframe in viewport

Open luwes opened this issue 8 years ago • 2 comments

The solution of top:-100%; and margin:1px 0 0; does not keep the iframe positioned in a viewable area at all times. If the target element is nested in an element with overflow: hidden and the target element has a negative top margin or a negative absolute positioned top the resize events stop working.

top: 0; z-index: -1 seems to fix the issue but I'm not sure what all the consequences are.

luwes avatar Dec 09 '17 21:12 luwes

Possible solution might be to use position:fixed and the z-index? It'll still be clipped, but being in a new stacking context will make it so browsers can't guarantee it's out of viewport.

developit avatar Jun 13 '19 13:06 developit

Thanks! Unfortunately we don't use it anymore in the Vimeo player. A sweet fix if that works though!

luwes avatar Jun 26 '19 02:06 luwes