Select option invisible when fullscreen Map

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

Add comment

Michał Duszak staff answered 2 years ago

1 0 Best answer

Please insert min. 20 characters.

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 :)

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

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

METOURNEAU

20Support score
3Questions 1Answers 3Snippets