Gleipnir/nidus-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Remove click timeout on MapLocator

Browse source 
This was added to try to fix scrolling passed the map on phones.
Instead, it just confuses click-and-drag. Instead we rely on the
lock/unlock overlay for the map to make scrolling passed work.
This commit is contained in:
Eli Ribble 2026-04-29 15:58:57 +00:00
parent 06fda0554c
commit 364b4ddc32
No known key found for this signature in database
1 changed files with 8 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

28
ts/components/MapLocator.vue
View file

@ -191,7 +191,6 @@ const props = withDefaults(defineProps<Props>(), {
const emit = defineEmits<Emits>();
// Refs
const clickTimeout = ref<number | null>(null);
const isLoaded = ref<boolean>(false);
const map: Ref<maplibregl.Map | null> = shallowRef(null);
const mapContainer = ref<HTMLDivElement | null>(null);
@ -301,21 +300,14 @@ function initializeMap() {
return;
}
// Use timeout to distinguish between click and drag
if (clickTimeout.value) {
clearTimeout(clickTimeout.value);
}
clickTimeout.value = window.setTimeout(() => {
emit("click", {
location: {
latitude: e.lngLat.lat,
longitude: e.lngLat.lng,
},
map: _map,
point: e.point,
});
}, 100);
emit("click", {
location: {
latitude: e.lngLat.lat,
longitude: e.lngLat.lng,
},
map: _map,
point: e.point,
});
});
_map.on("load", () => {
@ -545,10 +537,6 @@ onMounted(() => {
});
onUnmounted(() => {
if (clickTimeout.value) {
clearTimeout(clickTimeout.value);
}
// Remove all markers
mapMarkers.value.forEach((marker) => marker.remove());
mapMarkers.value.clear();