mortenVChristiansen
/
kort
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix dual-map Leaflet sizing

This commit is contained in:
Morten V. Christiansen 2026-04-07 15:02:15 +02:00
parent 8320ea66b9
commit a4b150dfed
2 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
kort7/app.js
View File

@ -410,6 +410,12 @@ function tick(now) {
requestAnimationFrame(tick); requestAnimationFrame(tick);
} }
function invalidateAllMaps() {
for (const view of views) {
view.map.invalidateSize();
}
}
for (const view of views) { for (const view of views) {
view.indicatorsEl.addEventListener("click", (event) => { view.indicatorsEl.addEventListener("click", (event) => {
const button = event.target.closest(".offmap-indicator"); const button = event.target.closest(".offmap-indicator");
@ -450,4 +456,9 @@ resetBtn.addEventListener("click", () => {
}); });
resetDemo(); resetDemo();
requestAnimationFrame(() => {
invalidateAllMaps();
requestAnimationFrame(invalidateAllMaps);
});
window.addEventListener("resize", invalidateAllMaps);
requestAnimationFrame(tick); requestAnimationFrame(tick);

3
kort7/tests/kort7.spec.js
View File

@ -14,6 +14,9 @@ test.describe('kort7 dual map demo', () => {
await waitForMaps(page); await waitForMaps(page);
await expect(page.locator('#status')).toContainText('Simuleret tid'); await expect(page.locator('#status')).toContainText('Simuleret tid');
await expect(page.locator('#runtimeWarning')).toBeHidden(); await expect(page.locator('#runtimeWarning')).toBeHidden();
await expect.poll(async () => page.locator('.leaflet-tile').count(), {
timeout: 10000
}).toBeGreaterThan(0);
}); });
test('shows different map titles for approximate and precise views', async ({ page }) => { test('shows different map titles for approximate and precise views', async ({ page }) => {