From 1219311beb7d77e8325a1e6ba51bf0f9a0c951ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emilio=20Cobos=20=C3=81lvarez?= <emilio@crisal.io>
Date: Mon, 23 May 2022 14:14:43 +0000
Subject: [PATCH] Fix IntersectionObserver overflow: clip on zero-sized
 elements.

I realized my fix in bug 1769512 (using IsEmpty()) wasn't quite correct
in this case, because IntersectionObserver preserves edge-inclusive
intersections.

Differential Revision: https://phabricator.services.mozilla.com/D147078

bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1770729
gecko-commit: 6fb2ab75b12bbd9708b2476aa2c5e520b776ff02
gecko-reviewers: jwatt
---
 intersection-observer/zero-area-element-visible.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/intersection-observer/zero-area-element-visible.html b/intersection-observer/zero-area-element-visible.html
index 5431750485fddca..b012b65c1894b4f 100644
--- a/intersection-observer/zero-area-element-visible.html
+++ b/intersection-observer/zero-area-element-visible.html
@@ -14,9 +14,14 @@
   width: 0px;
   height: 0px;
 }
+#container {
+  overflow: clip;
+}
 </style>
 
-<div id='target'></div>
+<div id="container">
+  <div id='target'></div>
+</div>
 
 <script>
 var entries = [];