From 84046506c17e56548378d2376ed4c649666fefff Mon Sep 17 00:00:00 2001
From: AppleGrew <applegrew@users.noreply.github.com>
Date: Wed, 31 Jan 2024 18:27:18 +0530
Subject: [PATCH] Update comparison opacity while changing value (#153)

Currently the opacity changes only after I have finished dragging the opacity slider, not while dragging it. This change allows the opacity to change live while dragging.
---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index b7dfa1f..11719fa 100644
--- a/index.html
+++ b/index.html
@@ -543,7 +543,7 @@ <h3 id="firstPartyHeader">First Party vs Third Party content</h3>
 
   <script id="waterfallTemplate" type="text/template7">
       <div class="rangeWrapper">{{config.har1.label}}&nbsp;
-      <input id="range" type="range" min="0.0" max="1.0" step="0.1" value="0.0" onchange="changeOpacity(this.value, 'har1', 'har2')">&nbsp;{{config.har2.label}}</div>
+      <input id="range" type="range" min="0.0" max="1.0" step="0.1" value="0.0" oninput="changeOpacity(this.value, 'har1', 'har2')">&nbsp;{{config.har2.label}}</div>
     </script>
 
   <script id="domainsTemplate" type="text/template7">