Fix: Fixed type errors revealed by Cypress.

src/ui/map/Map.svelte

@@ -69,41 +69,43 @@
     link.href = "https://unpkg.com/mapbox-gl/dist/mapbox-gl.css";
 
     link.onload = () => {
-      map = new Map({
-        container,
-        style: mapstyle,
-        minZoom: minzoom,
-        maxZoom: maxzoom,
-        maxBounds: outerMapBounds,
-        attributionControl: false,
-        ...options,
-      });
-
-      map.addControl(new NavigationControl());
-
-      map.addControl(new AttributionControl(), "bottom-left");
-
-      map.fitBounds(bounds, { padding: 20 });
-
-      // Get initial zoom level
-      map.on("load", () => {
-        debouncedMapZoomBBoxStore(map);
-        zoom = map.getZoom();
-      });
-
-      map.on("render", () => {
-        map.resize();
-      });
-
-      // Update zoom level when the view zooms
-      map.on("zoom", () => {
-        debouncedMapZoomBBoxStore(map);
-        zoom = map.getZoom();
-      });
-
-      map.on("drag", () => {
-        debouncedMapZoomBBoxStore(map);
-      });
+      if (container) {
+        map = new Map({
+          container,
+          style: mapstyle,
+          minZoom: minzoom,
+          maxZoom: maxzoom,
+          maxBounds: outerMapBounds,
+          attributionControl: false,
+          ...options,
+        });
+
+        map.addControl(new NavigationControl());
+
+        map.addControl(new AttributionControl(), "bottom-left");
+
+        map.fitBounds(bounds, { padding: 20 });
+
+        // Get initial zoom level
+        map.on("load", () => {
+          debouncedMapZoomBBoxStore(map);
+          zoom = map.getZoom();
+        });
+
+        map.on("render", () => {
+          map.resize();
+        });
+
+        // Update zoom level when the view zooms
+        map.on("zoom", () => {
+          debouncedMapZoomBBoxStore(map);
+          zoom = map.getZoom();
+        });
+
+        map.on("drag", () => {
+          debouncedMapZoomBBoxStore(map);
+        });
+      }
     };
 
     document.head.appendChild(link);

src/ui/map/TileSet.svelte

@@ -39,15 +39,9 @@
   }
 
   // watches for isMapLoaded then runs the addSource method
-  function isMapLoaded() {
-    if (map.isStyleLoaded(id)) {
-      addSource();
-    } else {
-      setTimeout(() => {
-        isMapLoaded();
-      }, 100);
-    }
-  }
+  map.on("style.load", () => {
+    addSource();
+  });
 
   // Set optional source properties
   if (minzoom) {
@@ -97,9 +91,6 @@
       isSourceLoaded();
     }
   }
-
-  // kicks off the chain
-  $: map && isMapLoaded();
 </script>
 
 {#if loaded}

src/ui/ons/ONSAutosuggest.svelte

@@ -23,7 +23,10 @@
 
   function onKeyUp(e) {
     if (e.keyCode === 13) {
-      autosuggestValue = document.querySelector(".ons-autosuggest-input__option--focused").innerText;
+      const input = document.querySelector(".ons-autosuggest-input__option--focused");
+      if (input) {
+        autosuggestValue = input.innerText;
+      }
     }
   }
 </script>