Adds x and y to IntersectionObserverEntry (#1222)

JakeChampion · Aug 10, 2022 · 0a37f6e · 0a37f6e
1 parent ac89bee
commit 0a37f6e
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/polyfills/IntersectionObserver/polyfill.js b/polyfills/IntersectionObserver/polyfill.js
@@ -418,6 +418,8 @@ IntersectionObserver.prototype._getRootRect = function() {
 		var html = document.documentElement;
 		var body = document.body;
 		rootRect = {
+			x: 0,
+			y: 0,
 			top: 0,
 			left: 0,
 			right: html.clientWidth || body.clientWidth,
@@ -449,6 +451,8 @@ IntersectionObserver.prototype._expandRectByRootMargin = function(rect) {
 	};
 	newRect.width = newRect.right - newRect.left;
 	newRect.height = newRect.bottom - newRect.top;
+	newRect.x = newRect.left;
+	newRect.y = newRect.top;
 
 	return newRect;
 };
@@ -616,6 +620,8 @@ function computeRectIntersection(rect1, rect2) {
 	var height = bottom - top;
 
 	return (width >= 0 && height >= 0) && {
+		x: left,
+		y: top,
 		top: top,
 		bottom: bottom,
 		left: left,
@@ -644,8 +650,10 @@ function getBoundingClientRect(el) {
 	if (!rect) return getEmptyRect();
 
 	// Older IE
-	if (!(rect.width && rect.height)) {
+	if (!(rect.width && rect.height && rect.x && rect.y)) {
 		rect = {
+			x: rect.left,
+			y: rect.top,
 			top: rect.top,
 			right: rect.right,
 			bottom: rect.bottom,
@@ -665,6 +673,8 @@ function getBoundingClientRect(el) {
  */
 function getEmptyRect() {
 	return {
+		x: 0,
+		y: 0,
 		top: 0,
 		bottom: 0,
 		left: 0,