kevinsivic/dawarich
1
0
Fork 0
mirror of https://github.com/Freika/dawarich.git synced 2026-01-14 19:21:39 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #851 from chnikel/fix/Fog-of-War-overlay-gets-displaced-when-dragging-map

Browse source 
Fix fog gets displaced when dragging map
This commit is contained in:
Evgenii Burmakin 2025-02-13 20:25:05 +01:00 committed by GitHub
commit f924bb9f82
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 7 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/javascript/maps/fog_of_war.js
View file

@ -85,15 +85,12 @@ export function createFogOverlay() {
onAdd: (map) => { onAdd: (map) => {
initializeFogCanvas(map); initializeFogCanvas(map);
// Add drag event handlers to update fog during marker movement // Add resize event handlers to update fog size
map.on('drag', () => { map.on('resize', () => {
const fog = document.getElementById('fog'); // Set canvas size to match map container
if (fog) { const mapSize = map.getSize();
// Update fog canvas position to match map position fog.width = mapSize.x;
const mapPos = map.getContainer().getBoundingClientRect(); fog.height = mapSize.y;
fog.style.left = `${mapPos.left}px`;
fog.style.top = `${mapPos.top}px`;
}
}); });
}, },
onRemove: (map) => { onRemove: (map) => {
@ -102,7 +99,7 @@ export function createFogOverlay() {
fog.remove(); fog.remove();
} }
// Clean up event listener // Clean up event listener
map.off('drag'); map.off('resize');
} }
}); });
} }