ngx-Leaflet with date picker - issues with z-index

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: ngx-Leaflet with date picker - issues with z-index

soumadeep asked 5 years ago

The datepicker shows up behind leaflet openstreet map

enter image description here

Arkadiusz Idzikowski staff commented 5 years ago

We would need some information about the z-index of this map.

Please try to change the z-index in the .picker__frame class.

soumadeep commented 5 years ago

Thanks! actually ended up setting the z-index of the leaflet map itself

soumadeep commented 5 years ago

just an additional info for you guys. In-built agm (google map) works fine without mucking around with the z-index.

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.0.0
  • Device: iMac
  • Browser: Chrome
  • OS: Mac OS
  • Provided sample code: No
  • Provided link: No
Tags
leaflet datepicker
Related topics
11
Datepicker range
5
Add clear button to all inputs
4
Datepicker should have an option to only allow picking dates without free text input
3
Datepicker display format vs. submit format
2
Dropdowns for Year and Month in Datepicker don't work
About author
soumadeep
30Support score
2Questions 2Answers
0Snippets likes 0Snippets