From 3703ef26da6aafd8375268921143def3f84f629b Mon Sep 17 00:00:00 2001
From: Lea Verou <lea@verou.me>
Date: Tue, 13 May 2025 14:32:46 -0400
Subject: [PATCH] [Comparer] `pointer-events: none` while dragging

---
 src/components/comparer/comparer.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/comparer/comparer.css b/src/components/comparer/comparer.css
index e06fd2ae7..605aeea63 100644
--- a/src/components/comparer/comparer.css
+++ b/src/components/comparer/comparer.css
@@ -11,6 +11,15 @@
   overflow: hidden;
 }
 
+/* Make content inert when dragging.
+   Otherwise, for <iframe> and <object> dragging is very choppy. */
+:host(:active) {
+  .before,
+  .after {
+    pointer-events: none;
+  }
+}
+
 .before,
 .after {
   display: block;