Map style dropdown open above

[devanshsaini]

Thanks for stopping by to let us know something could be better!

---

PLEASE READ

If you have a support contract with Google, please create an issue in the support console. This will ensure a timely response.

Discover additional support services for the Google Maps Platform, including developer communities, technical guidance, and expert support at the Google Maps Platform support resources page.

If your bug or feature request is not related to this particular library, please visit the Google Maps Platform issue trackers.

Check for answers on StackOverflow with the google-maps tag.

---

Is your feature request related to a problem? Please describe. When the mapTypeControlOptions property style is passed with the value google.maps.MapTypeControlStyle.DROPDOWN_MENU, the map style dropdown opens downwards and makes it useless to work with. Sure you can change the position property but if you position it in the bottom there is no use of having the values google.maps.ControlPosition.BOTTOM_CENTER or other BOTTOM values. Here is an example of what happens: https://jsfiddle.net/m69c2xzo/18/

Describe the solution you'd like I think a fair solution would be changing the dropdown list position according to where the dropdown is used.

Describe alternatives you've considered I tried changing the style of the dropdown using the class name of the parent element since the ul element did not have a class name but that seemed like going overboard.

Additional context Here is an example of what happens: https://jsfiddle.net/m69c2xzo/18/