add check for display: none

livekit · Jun 22, 2022 · 5b65074 · 5b65074
1 parent f3ed1a1
commit 5b65074
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/room/track/RemoteVideoTrack.ts b/src/room/track/RemoteVideoTrack.ts
@@ -342,7 +342,7 @@ function isElementInViewport(el: HTMLElement) {
   const width = el.offsetWidth;
   const height = el.offsetHeight;
   const { hidden } = el;
-  const { opacity } = getComputedStyle(el);
+  const { opacity, display } = getComputedStyle(el);
 
   while (el.offsetParent) {
     el = el.offsetParent as HTMLElement;
@@ -356,6 +356,7 @@ function isElementInViewport(el: HTMLElement) {
     top + height > window.pageYOffset &&
     left + width > window.pageXOffset &&
     !hidden &&
-    (opacity !== '' ? parseFloat(opacity) > 0 : true)
+    (opacity !== '' ? parseFloat(opacity) > 0 : true) &&
+    display !== 'none'
   );
 }