Merge pull request #846 from replayio/kannan/use-stacking-context-for…

…-opacity-lt0 Elements with opacity<1 get own stacking context.
replayio · Jul 31, 2023 · 8df6206 · 8df6206
2 parents 0b0d38f + 44edf0b
commit 8df6206
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/third_party/blink/renderer/bindings/core/v8/record_replay_interface.cc b/third_party/blink/renderer/bindings/core/v8/record_replay_interface.cc
@@ -2530,6 +2530,15 @@ StackingContext.prototype = {
       return;
     }
 
+    // Elements with `opacity < 0` get their own stacking context.
+    const opacity = elem.style.getPropertyValue("opacity");
+    if (opacity) {
+      const opacityVal = +opacity | 0;
+      if (opacityVal < 1) {
+        this.addContext(elem);
+      }
+    }
+
     const parentDisplay = elem.parent?.style?.getPropertyValue("display");
     if (
       position != "static" ||