🐛 Fix collapsed map container caused by CSS load order #2

Merged

mat merged 1 commit from fix-map-container-height into main

2026-10-01 13:31:21 +00:00

mat commented

2026-10-01 13:30:42 +00:00

Owner

Summary

 main.ts
-import './app.css'
-import 'maplibre-gl/dist/maplibre-gl.css'
+import 'maplibre-gl/dist/maplibre-gl.css'
+import './app.css'

maplibre-gl.css sets .maplibregl-map { position: relative; overflow: hidden }. Loaded after app.css, it overrides .map { position: absolute; inset: 0 } (same specificity, later wins), collapsing the map container to 0 px height — tiles download fine but nothing renders. Loading MapLibre's CSS first lets our rule win.

Evidence

Before: new e2e assertion fails on main: Expected: 720, Received: 0 (.map bounding box).
After: 17/17 unit tests, svelte-check clean, 3/3 e2e.

Merge Danger

Door: two-way (single-line revert).

Blast Radius: map rendering only — restores the full-screen map; no API, proxy or build changes.

## Summary ```diff main.ts -import './app.css' -import 'maplibre-gl/dist/maplibre-gl.css' +import 'maplibre-gl/dist/maplibre-gl.css' +import './app.css' ``` `maplibre-gl.css` sets `.maplibregl-map { position: relative; overflow: hidden }`. Loaded after `app.css`, it overrides `.map { position: absolute; inset: 0 }` (same specificity, later wins), collapsing the map container to **0 px height** — tiles download fine but nothing renders. Loading MapLibre's CSS first lets our rule win. ## Evidence - **Before:** new e2e assertion fails on `main`: `Expected: 720, Received: 0` (`.map` bounding box). **After:** 17/17 unit tests, svelte-check clean, 3/3 e2e. ## Merge Danger **Door:** two-way (single-line revert). **Blast Radius:** map rendering only — restores the full-screen map; no API, proxy or build changes.

mat added 1 commit

2026-10-01 13:30:43 +00:00

🐛 Load app CSS after MapLibre CSS so the map container keeps its height fa6dc77b9b

mat changed title from ~~WIP: 🐛 Fix collapsed map container caused by CSS load order~~ to 🐛 Fix collapsed map container caused by CSS load order

2026-10-01 13:31:14 +00:00

mat merged commit 518375500a into main

2026-10-01 13:31:21 +00:00

mat deleted branch fix-map-container-height

2026-10-01 13:31:21 +00:00

mat referenced this pull request from a commit

2026-10-01 13:31:22 +00:00

Merge pull request '🐛 Fix collapsed map container caused by CSS load order' (#2) from fix-map-container-height into main

mat referenced this pull request

2026-10-01 13:31:44 +00:00

🎨 Replace Carto basemaps with keyless OpenFreeMap styles #3

mat referenced this pull request from a commit