Skip to content

bug(map): route sidebar shifts Leaflet over Path Inspector candidates #2081

Description

@n30nex

Drawing a Path Inspector candidate makes the map cover the remaining candidate buttons on desktop.

Reproduced on 9eb3098 while restoring #2060's route-switching regression:

  1. Open Map at 1280×900 and expand Path Inspector.
  2. Inspect a path with at least two candidates.
  3. Click the first Show on Map button.
  4. Try to click the second candidate normally.

The first route draws, but Leaflet intercepts the next click. Measured after drawing:

  • Inspector: x=960, width=320.
  • Map: x=320, width=960, extending to x=1280.
  • Second button: x=1210, y=363, 48×48; its center hit-tests to #leaflet-map.

public/route-view.css shifts the map using left:320px and width:calc(100% - 320px), while #map-wrap already lays out the map and inspector with flex. The route sidebar is fixed-positioned and consumes no flex space, so the map is shifted over the inspector instead of shrinking between the two panels. The collapsed-sidebar override repeats the same approach at 36px.

Expected: the route sidebar, map and inspector occupy separate desktop space, including after sidebar resize/collapse. Both candidate buttons must remain normally clickable. Preserve the existing mobile bottom-sheet layout and verify candidate switching removes the previous route layers.

The seeded #2060 browser test currently reproduces this without forced clicks; the fix should repair layout rather than raise the buttons over the map.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions