Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-01 02:45:54 +01:00
Code Issues Packages Projects Releases Activity

fix(react/collections/geomap): corrupted map after closing split

Browse Source
This commit is contained in:
Elian Doran
2025-09-13 15:12:26 +03:00
parent 6ba494999c
commit 3128f2dace
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/client/src/widgets/collections/geomap/map.tsx
View File

@@ -3,7 +3,7 @@ import L, { control, LatLng, Layer, LeafletMouseEvent } from "leaflet";
import "leaflet/dist/leaflet.css"; import "leaflet/dist/leaflet.css";
import { MAP_LAYERS } from "./map_layer"; import { MAP_LAYERS } from "./map_layer";
import { ComponentChildren, createContext, RefObject } from "preact"; import { ComponentChildren, createContext, RefObject } from "preact";
import { useSyncedRef } from "../../react/hooks"; import { useElementSize, useSyncedRef } from "../../react/hooks";
export const ParentMap = createContext<L.Map | null>(null); export const ParentMap = createContext<L.Map | null>(null);
@@ -125,6 +125,12 @@ export default function Map({ coordinates, zoom, layerName, viewportChanged, chi
return () => scaleControl.remove(); return () => scaleControl.remove();
}, [ mapRef, scale ]); }, [ mapRef, scale ]);
// Adapt to container size changes.
const size = useElementSize(containerRef);
useEffect(() => {
mapRef.current?.invalidateSize();
}, [ size?.width, size?.height ]);
return ( return (
<div <div
ref={containerRef} ref={containerRef}