fix: Box selection does not work when the map is not full height (closes

#1043)
kalisio · Jan 14, 2025 · f052254 · f052254
1 parent b98c9a7
commit f052254
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/map/client/composables/selection.js b/map/client/composables/selection.js
@@ -249,7 +249,7 @@ export function useSelection (name, options = {}) {
     else handleSelection(items, clearSelection)
   }
   function onBoxSelection (map, event) {
-    lastBoxSelectionPosition = L.point(_.get(event, 'x'), _.get(event, 'y'))
+    lastBoxSelectionPosition = _.get(event, 'containerPoint')
     const { bounds } = event
     let items = getIntersectedItems(bboxPolygon([
       bounds.getWest(), bounds.getSouth(), bounds.getEast(), bounds.getNorth()

diff --git a/map/client/leaflet/BoxSelection.js b/map/client/leaflet/BoxSelection.js
@@ -80,7 +80,7 @@ export const BoxSelection = L.Handler.extend({
       this._box = L.DomUtil.create('div', 'leaflet-zoom-box', this._container)
       L.DomUtil.addClass(this._container, 'leaflet-crosshair')
 
-      this._map.fire('boxselectionstart')
+      this._map.fire('boxselectionstart', Object.assign(e, { containerPoint: this._startPoint }))
     }
 
     this._point = this._map.mouseEventToContainerPoint(e)
@@ -127,7 +127,7 @@ export const BoxSelection = L.Handler.extend({
       this._map.containerPointToLatLng(this._point))
 
     this._map
-      .fire('boxselectionend', Object.assign(e, { bounds }))
+      .fire('boxselectionend', Object.assign(e, { bounds, containerPoint: this._map.mouseEventToContainerPoint(e) }))
   },
 
   _onKeyDown: function (e) {