Flickering of zoom control buttons on IE

[kbauhausness]

mapbox-gl-js version: v54.0

browser: IE11

Steps to Trigger Behavior

1. Load any style's share URL (like this one for Streets) in IE11 (I used browserstack), or initialize a map with GL JS including zoom control buttons
2. zoom in and out, and note that the zoom control buttons will become grayed out sporadically at various zoom levels

@vallendm noted:

Looking into the history of the changes to navigation_control.js this change might have broken things
#8023

The change uses the classlist object ( https://developer.mozilla.org/en-US/docs/Web/API/Element/classList ) and uses the toggle function which is supported in IE since v10. But IE doesn't support the 2 argument version of the function the above PR uses. This results in the button switching state rather than updating to the correct state.

Link to Demonstration

see share URL above

Expected Behavior

zoom control buttons should be greyed out if the zoom is either at max/min

Actual Behavior

currently zoom control buttons can be greyed out at any zoom level and flicker as zoom level changes

cc @asheemmamoowala

[ryanhamley]

This was fixed in #8495 and will be in the upcoming release