From 0a80f3ec58ab6de6e5491898bcfe263b04032ae6 Mon Sep 17 00:00:00 2001 From: Oscar Perez Date: Wed, 7 Jan 2015 12:45:59 -0500 Subject: [PATCH] Fixed issue where the resize-trigger div would hide sibling elements (observed in iOS WebView). --- detect-element-resize.js | 2 +- jquery.resize.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/detect-element-resize.js b/detect-element-resize.js index cbb3c02..022a6d0 100644 --- a/detect-element-resize.js +++ b/detect-element-resize.js @@ -93,7 +93,7 @@ //opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360 var css = (animationKeyframes ? animationKeyframes : '') + '.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + - '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \" \"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \" \"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', head = document.head || document.getElementsByTagName('head')[0], style = document.createElement('style'); diff --git a/jquery.resize.js b/jquery.resize.js index ba42a80..0186ba1 100644 --- a/jquery.resize.js +++ b/jquery.resize.js @@ -110,7 +110,7 @@ //opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360 var css = (animationKeyframes ? animationKeyframes : '') + '.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + - '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \" \"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: \" \"; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }', head = document.head || document.getElementsByTagName('head')[0], style = document.createElement('style');