Topic: Select option invisible when fullscreen Map

METOURNEAU free asked 2 years ago


Hey,

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.

https://mdbootstrap.com/snippets/standard/metourneau/3536138#js-tab-view

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: https://mdbootstrap.com/snippets/standard/m-duszak/3538089

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>
</select>

METOURNEAU free commented 2 years ago

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

Cheers


Michał Duszak staff commented 2 years ago

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



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • User: 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