Svelte 3.x -> 4.x

[nominatim-ui.git] / src / components / SearchSectionReverse.svelte

diff --git a/src/components/SearchSectionReverse.svelte b/src/components/SearchSectionReverse.svelte
index a455a4ea82d76b2cc6461bde146bcc6028bfea6b..46bb2b9d11a850b6f99fa6e01d7723b76d9f3eff 100644 (file)
--- a/src/components/SearchSectionReverse.svelte
+++ b/src/components/SearchSectionReverse.svelte
@@ -29,7 +29,7 @@
 
   // common mistake is to copy&paste latitude and longitude into the 'lat' search box
   function maybeSplitLatitude(e) {
 
   // common mistake is to copy&paste latitude and longitude into the 'lat' search box
   function maybeSplitLatitude(e) {

-    var coords_split = e.target.value.split(',');
+    var coords_split = e.target.value.split(/,|%2C/);

     if (coords_split.length === 2) {
       document.querySelector('input[name=lat]').value = L.Util.trim(coords_split[0]);
       document.querySelector('input[name=lon]').value = L.Util.trim(coords_split[1]);
     if (coords_split.length === 2) {
       document.querySelector('input[name=lat]').value = L.Util.trim(coords_split[0]);
       document.querySelector('input[name=lon]').value = L.Util.trim(coords_split[1]);


@@ -53,10 +53,10 @@
            on:change={maybeSplitLatitude} />
   </div>
   <div class="col-auto">
            on:change={maybeSplitLatitude} />
   </div>
   <div class="col-auto">

-    <a id="switch-coords"
+    <button id="switch-coords"

        on:click|preventDefault|stopPropagation={() => gotoCoordinates(lon, lat)}
        class="btn btn-outline-secondary btn-sm"
        on:click|preventDefault|stopPropagation={() => gotoCoordinates(lon, lat)}
        class="btn btn-outline-secondary btn-sm"

-       title="switch lat and lon">&lt;&gt;</a>
+       title="switch lat and lon">&lt;&gt;</button>

   </div>
   <div class="col-auto">
     <label for="reverse-lon">lon</label>
   </div>
   <div class="col-auto">
     <label for="reverse-lon">lon</label>