Mapbox cant seem to click on the input box or drag the map

Question

I'm using the following:

map.addControl(
new MapboxGeocoder({
accessToken: mapboxgl.accessToken,
localGeocoder: coordinatesGeocoder,
zoom: 4,
placeholder: 'Search For Location',
mapboxgl: mapboxgl,
reverseGeocode: true
})
); 

And it's not allowing me to click on the input box.

The map itself can't be dragged.

var map = new mapboxgl.Map({
     container: 'map',
     style: 'mapbox://styles/mapbox/streets-v11',
     center: [-74.5, 40],
     zoom: 9
    });

I can't seem to find an answer for this