mapbox / mapbox/mapbox-gl-directions

Add a way to control the size of the step by step directions

Open
#325 0 comments 0 reactions 0 assignees View on GitHub
auto-triaged enhancement
Dominant language
JavaScript
Stars
255
Forks
130
PR merge metrics
No merged PRs in 30d

Description

I saved my Mapbox based map website to the home screen on my iPhone. The saved app mostly works just fine. But when I do a route, the step by step directions take up most of the screen. It would be nice if a tap or click on the summary (showing the distance and estimated time) would hide or show the step by step directions. Or at the least there was a way to set the number of visible steps, which could limit the size of those instructions so more of the screen was visible.

![Image](https://github.com/user-attachments/assets/751b8432-fbe4-4814-9c06-b70c8a8a039a)

Contributor guide

Open the contributing guide

Research direction

Start by locating the JavaScript code that renders the route summary and step-by-step directions, then reproduce the layout on the iPhone home-screen case described in the issue. Clarify whether completion means a summary tap toggles the directions or a configurable visible-step limit, and verify that the chosen behavior leaves more of the map visible.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.