diff --git a/ts/graphs/RangeBox.svelte b/ts/graphs/RangeBox.svelte
index 5677a1025..13e1e8cfe 100644
--- a/ts/graphs/RangeBox.svelte
+++ b/ts/graphs/RangeBox.svelte
@@ -29,7 +29,7 @@
 
     let displayedSearch = $search;
 
-    $: {
+    function updateSearch(): void {
         switch (searchRange as SearchRange) {
             case SearchRange.Deck:
                 $search = displayedSearch = "deck:current";
@@ -40,7 +40,7 @@
         }
     }
 
-    $: {
+    function updateRevlog(): void {
         switch (revlogRange as RevlogRange) {
             case RevlogRange.Year:
                 $days = 365;
@@ -51,12 +51,12 @@
         }
     }
 
-    const searchKeyUp = (event: KeyboardEvent) => {
+    function searchKeyUp(event: KeyboardEvent): void {
         // fetch data on enter
         if (event.key === "Enter") {
             $search = displayedSearch;
         }
-    };
+    }
 
     const year = i18n.tr(i18n.TR.STATISTICS_RANGE_1_YEAR_HISTORY);
     const deck = i18n.tr(i18n.TR.STATISTICS_RANGE_DECK);
@@ -115,13 +115,18 @@
 
     <InputBox>
         <label>
-            <input type="radio" bind:group={searchRange} value={SearchRange.Deck} />
+            <input
+                type="radio"
+                bind:group={searchRange}
+                on:input={updateSearch}
+                value={SearchRange.Deck} />
             {deck}
         </label>
         <label>
             <input
                 type="radio"
                 bind:group={searchRange}
+                on:input={updateSearch}
                 value={SearchRange.Collection} />
             {collection}
         </label>
@@ -138,11 +143,19 @@
 
     <InputBox>
         <label>
-            <input type="radio" bind:group={revlogRange} value={RevlogRange.Year} />
+            <input
+                type="radio"
+                bind:group={revlogRange}
+                on:input={updateRevlog}
+                value={RevlogRange.Year} />
             {year}
         </label>
         <label>
-            <input type="radio" bind:group={revlogRange} value={RevlogRange.All} />
+            <input
+                type="radio"
+                bind:group={revlogRange}
+                on:input={updateRevlog}
+                value={RevlogRange.All} />
             {all}
         </label>
     </InputBox>