@@ -251,12 +264,13 @@
search()}
isFocused={searchIsFocussed}
value={searchvalue}
on:focus={() => state.searchState.showSearchDrawer.set(true)}
/>
{#if $searchSuggestions?.length > 0 || $searchIsFocussed}
-
+ search(event.detail)} />
{/if}
diff --git a/src/UI/Search/GeocodeResult.svelte b/src/UI/Search/GeocodeResult.svelte
index 196439e70..fac73d3ea 100644
--- a/src/UI/Search/GeocodeResult.svelte
+++ b/src/UI/Search/GeocodeResult.svelte
@@ -13,6 +13,7 @@
import FeaturePropertiesStore from "../../Logic/FeatureSource/Actors/FeaturePropertiesStore"
import SearchState from "../../Logic/State/SearchState"
import ArrowUp from "@babeard/svelte-heroicons/mini/ArrowUp"
+ import { createEventDispatcher } from "svelte"
export let entry: GeocodeResult
export let state: {
@@ -40,8 +41,9 @@
let mapRotation = state.mapProperties.rotation
let inView = state.mapProperties.bounds.mapD((bounds) => bounds.contains([entry.lon, entry.lat]))
+ let dispatch = createEventDispatcher<{ select: GeocodeResult }>()
function select() {
- state.searchState.applyGeocodeResult(entry)
+ dispatch("select", entry)
}
diff --git a/src/UI/Search/SearchResults.svelte b/src/UI/Search/SearchResults.svelte
index 508d72c1f..2dc074b11 100644
--- a/src/UI/Search/SearchResults.svelte
+++ b/src/UI/Search/SearchResults.svelte
@@ -55,7 +55,12 @@
{#if $allowFilters}