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/

[wangela]

If you would like to upvote the priority of this issue, please comment below or react with 👍 so we can see what is popular when we triage.

@devanshsaini Thank you for opening this issue. 🙏
Please check out these other resources that might help you get to a resolution in the meantime:

• Check the issue tracker - bugs and feature requests for Google Maps Platform APIs and SDKs
• Open a support case - Get 1:1 support in Cloud Console.
• Discord - chat with other developers
• StackOverflow - use the google-maps tag

This is an automated message, feel free to ignore.