[Bug] Prevent dragging legend component outside of container (#2885)

Signed-off-by: Ritesh9876 <riteshmangdare@gmail.com>
keplergl · Jan 2, 2025 · 23f6034 · 23f6034
1 parent d549fcd
commit 23f6034
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/components/src/map/map-legend-panel.tsx b/src/components/src/map/map-legend-panel.tsx
@@ -24,6 +24,7 @@ import {withState} from '../injector';
 import MapControlPanelFactory from './map-control-panel';
 import MapControlTooltipFactory from './map-control-tooltip';
 import MapLegendFactory from './map-legend';
+import {restrictToWindowEdges} from '@dnd-kit/modifiers';
 
 const DRAG_RESIZE_ID = 'map-legend-resize';
 const DRAG_MOVE_ID = 'map-legend-move';
@@ -203,6 +204,7 @@ const DraggableLegend = withState(
         onDragStart={handleDragStart}
         onDragMove={handleDragMove}
         onDragEnd={handleDragEnd}
+        modifiers={[restrictToWindowEdges]}
       >
         <DraggableLegendContent
           ref={legendContentRef}