Skip to content

Commit f4e8bc0

Browse files
Add searchbox (#199)
Closes #185. We use https://selectize.dev/, as Shiny does under the hood. Note that this uses a dedicated HTML element with `position: absolute`, same as Shiny, rather than using a Leaflet control like we did for the Legend. I tried to get the Leaflet control to work but there were issues like scrolling not working and interacting with the dropdown resulting in dragging the map. The map has too much going on with event propagation. The main benefit of using a Control would have been simpler positioning, but our SCSS code works fine. Search is not finished: * #195 * #198
1 parent 8accc01 commit f4e8bc0

File tree

7 files changed

+72
-418
lines changed

7 files changed

+72
-418
lines changed

index.html

+1
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@
2020
</header>
2121

2222
<div id="map"></div>
23+
<select multiple class="city-search"></select>
2324
<script type="module">
2425
import setUpSite from "./src/js/setUpSite";
2526

0 commit comments

Comments
 (0)