Topic: Select option invisible when fullscreen Map

METOURNEAU priority asked 11 months 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 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: 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 priority commented 11 months ago

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

Cheers


Michał Duszak staff commented 11 months 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: 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