From 9b700bd9e836b95d6ea90b33cbe4d1e547a87032 Mon Sep 17 00:00:00 2001
From: sHa <sha@shadoll.dev>
Date: Thu, 14 Aug 2025 09:46:53 +0300
Subject: [PATCH] Add mouse down event handler to InlineSvg for improved
 interaction

---
 src/components/CountryMap.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/CountryMap.svelte b/src/components/CountryMap.svelte
index 5478d30..18e9c30 100644
--- a/src/components/CountryMap.svelte
+++ b/src/components/CountryMap.svelte
@@ -180,8 +180,8 @@
 </script>
 
 <div class="country-map-section">
-    <div bind:this={wrapperRef} style="width:100%;height:100%;position:relative; cursor: grab;" on:mousedown={onMouseDown}>
-        <InlineSvg path={mapPath} alt="World map" color={undefined} />
+    <div bind:this={wrapperRef} role="application" style="width:100%;height:100%;position:relative; cursor: grab;">
+        <InlineSvg path={mapPath} alt="World map" color={undefined} on:mousedown={onMouseDown} />
         {#if countryScale}
         <div class="map-controls-on-map">
             <button class="zoom-btn-on-map" on:click={zoomIn}>+</button>