From 053f1e3ac89d38c711bbbd746419e3cf579d50ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 18 Feb 2026 18:53:29 -0600
Subject: [PATCH] fix: ricochet visualizer doesn't drag whole page

---
 .../Characteristics/components/RicochetVisualizer/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/RicochetVisualizer/index.tsx b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/RicochetVisualizer/index.tsx
index 9744c7b42..a688de0d7 100644
--- a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/RicochetVisualizer/index.tsx
+++ b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/RicochetVisualizer/index.tsx
@@ -30,9 +30,11 @@ export function RicochetVisualizer({ stats }: StatsAcceptorProps) {
     <Flex direction="column" mb="6" align="center">
       <VisualizerCard
         mb="0"
-        style={{ width: "100%" }}
+        style={{ width: "100%", touchAction: "none" }}
         ref={container}
         onPointerMove={(event) => {
+          event.preventDefault();
+
           if (!container.current || explodes) return;
 
           const rect = container.current.getBoundingClientRect();
@@ -174,7 +176,7 @@ export function RicochetVisualizer({ stats }: StatsAcceptorProps) {
               ? "-"
               : literals(strings.common.units.deg, {
                   value: radToDeg(
-                    Math.min(normalization, Math.abs(angle))
+                    Math.min(normalization, Math.abs(angle)),
                   ).toFixed(0),
                 })
           }