cannot hide instructions

[ghost]

As per the instructions, I want to hide the inputs and instructions:

 this.directions = new MapboxDirections({
        unit: 'metric', 
        profile: 'walking',
        controls: {
          inputs: false,
          instructions: false
        }
      });

However, the instructions are not hidden.

An if statement is missing here: https://github.com/mapbox/mapbox-gl-directions/blob/master/src/directions.js#L54

[mapsam]

Hi @rolandoldengarm - you're correct. This was my fault in the recent 3.x updates. I'll try and get a fix out soon!

[mapsam]

3.0.3 has been released - CDN will be up after this is merged in gl-js: mapbox/mapbox-gl-js#3754

[mapsam]

@rolandoldengarm 3.0.3 is released and should fix this!

[ghost]

Is it possible to hide/show the instructions after the directions control has been added to the map?
I've tried to change the instructions value on the MapboxDirections object at run-time with .actions.setOptions( options ) which does change the instructions value, but this is not visually reflected on the map.

[ghost]

Btw, I solved the dynamic hide/show of instructions with the following;

let instructions = document.getElementsByClassName("directions-control-instructions");
instructions[0].hidden = hide;