Add mouse down event handler to InlineSvg for improved interaction

This commit is contained in:
sHa
2025-08-14 09:46:53 +03:00
parent f9fce8e5ba
commit 9b700bd9e8

View File

@@ -180,8 +180,8 @@
</script> </script>
<div class="country-map-section"> <div class="country-map-section">
<div bind:this={wrapperRef} style="width:100%;height:100%;position:relative; cursor: grab;" on:mousedown={onMouseDown}> <div bind:this={wrapperRef} role="application" style="width:100%;height:100%;position:relative; cursor: grab;">
<InlineSvg path={mapPath} alt="World map" color={undefined} /> <InlineSvg path={mapPath} alt="World map" color={undefined} on:mousedown={onMouseDown} />
{#if countryScale} {#if countryScale}
<div class="map-controls-on-map"> <div class="map-controls-on-map">
<button class="zoom-btn-on-map" on:click={zoomIn}>+</button> <button class="zoom-btn-on-map" on:click={zoomIn}>+</button>