simple-element-resize-detector - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

dist/simple-element-resize-detector.js

		@@ -1,2 +0,2 @@
		!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):e.simpleElementResizeDetector=n()}(this,function(){var e="position:absolute;left:0;top:-100%;width:100%;height:100%;margin:1px 0 0;border:none;opacity:0;visibility:hidden;pointer-events:none;",n=function(n,t){var i=document.createElement("iframe");return i.style.cssText=e,n.appendChild(i),i.contentWindow.onresize=function(){t()},i};return n});
		!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):e.simpleElementResizeDetector=n()}(this,function(){var e="position:absolute;left:0;top:-100%;width:100%;height:100%;margin:1px 0 0;border:none;opacity:0;visibility:hidden;pointer-events:none;",n=function(n,t){var i=document.createElement("iframe");return i.style.cssText=e,n.appendChild(i),i.contentWindow.onresize=function(){t(n)},i};return n});
		//# sourceMappingURL=simple-element-resize-detector.js.map

index.js

		@@ -7,4 +7,4 @@ const CSS = 'position:absolute;left:0;top:-100%;width:100%;height:100%;margin:1px 0 0;border:none;opacity:0;visibility:hidden;pointer-events:none;';
		element.appendChild(frame);
		frame.contentWindow.onresize = () => { handler(); };
		frame.contentWindow.onresize = () => { handler(element); };
		return frame;
		}
		}

package.json

		{
		"name": "simple-element-resize-detector",
		"amdName": "simpleElementResizeDetector",
		"version": "1.0.1",
		"version": "1.1.0",
		"description": "Observes resizing of an element using a hidden iframe.",
		@@ -6,0 +6,0 @@ "main": "dist/simple-element-resize-detector.js",

README.md

		@@ -1,5 +0,7 @@
		# simple-element-resize-detector
		# simple-element-resize-detector [![NPM](https://img.shields.io/npm/v/simple-element-resize-detector.svg?style=flat)](https://www.npmjs.org/package/simple-element-resize-detector)


		Observes resizing of an element using a hidden iframe.

		[JSFiddle Demo](https://jsfiddle.net/developit/62Lgh3wz/)

		@@ -41,4 +43,9 @@ ## Installation

		## Notes

		* `element` passed to `observeResize()` must have `position: relative` style to be correctly observed, otherwise nearest relative ancestor will be observed instead.
		* This library uses `<iframe>`s to detect when an element resizes. `<iframe>`s are heavy objects are usually take good amount of memory. Be careful and don't abuse it.

		## License

		MIT

New alerts