Disable map-wide layers when any form is open

src/lib/common/MapTooltips.svelte

@@ -21,6 +21,13 @@
   });
 
   function onMouseMove(e: MapMouseEvent) {
+    // When this component is a child of another that defines a layer, during
+    // component teardown, the parent (and layer) will disappear first. Avoid
+    // errors.
+    if (!$map.getLayer(layer)) {
+      return;
+    }
+
     let results = $map.queryRenderedFeatures(e.point, {
       layers: [layer],
     });

src/lib/layers/ContextualLayers.svelte

@@ -2,19 +2,27 @@
   import { type Remote } from "comlink";
   import { type RouteInfo } from "../../worker";
   import SpeedLimits from "./SpeedLimits.svelte";
+  import { formOpen } from "../../stores";
 
   export let routeInfo: Remote<RouteInfo>;
 
   let show: "none" | "speed limits" = "none";
+
+  // If any form is open, don't show a map-wide layer.
+  $: {
+    if ($formOpen) {
+      show = "none";
+    }
+  }
 </script>
 
 <label>
   Show layer:
-  <select bind:value={show}>
+  <select bind:value={show} disabled={$formOpen != null}>
     <option value="none">None</option>
     <option value="speed limits">Speed limits</option>
   </select>
 </label>
 {#if show == "speed limits"}
-  <SpeedLimits {routeInfo} />
+  <SpeedLimits {routeInfo} id={undefined} />
 {/if}