Topic: Select option invisible when fullscreen Map

METOURNEAU free asked 2 years 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 2 years 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 free commented 2 years ago

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


Michał Duszak staff commented 2 years 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

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