Topic: Select option invisible when fullscreen Map

METOURNEAU priority asked 11 months ago


When the map is fullscreen, select options are no more visible.

To reproduce, click on the right side full screen button, then try to open the select. Nothing append.

Thanks for support

Michał Duszak staff answered 11 months ago

Hello, by default list of options gets rendered directly in the body. If changed to be rendered in the map div, it works. See this snippet:

I simply modified the container option to your select component.

<select class="select" data-mdb-container=".data">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
  <option value="6">Six</option>
  <option value="7">Seven</option>
  <option value="8">Eight</option>

METOURNEAU priority commented 11 months ago

Thanks a lot, it works. I missed this parameter. For information, I dont have access to the snippet.


Michał Duszak staff commented 11 months ago

I have updated the snippet - it should work for you now :)

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.1
  • Device: web
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes