Leaflet Map controls z-index too high [#2005396]

The Leaflet Map controls z-index makes it overriding elements even in the Drupal back end … as the attached screenshot shows.

A lower z-index in the leaflet.css (# 71) file should help.
This for me works quite well …

.leaflet-top, .leaflet-bottom {
    position: absolute;
    z-index: 10;
    pointer-events: none;
}

Comment	File	Size	Author
#3	leaflet-control_z_index-2005396-3.patch	660 bytes	Dentorat
	leaflet_controls_z_index.jpg	295.44 KB	itamair

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

RdeBoer

Melbourne

CreditAttribution: RdeBoer commented 6 October 2013 at 02:04

Status:

Patch (to be ported)

» Active

Confirmed today that this is indeed still an issue with the latest Leaflet JS 0.6.4.

Following italo's suggestion, in file sites/all/libraries/leaflet/leaflet.css, line 79, I changed the z-index from 1000 to 499 and it fixed the issue of the +/- control sliding over the admin menu bar while at the same time the map canvas slides under.

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 499; /* was 1000 */
  pointer-events: none;
  }

Maybe this fix should be part of a leaflet.css inside the Leaflet module (as opposed to Leaflet JS) ?

Comment #2

RdeBoer

Melbourne

CreditAttribution: RdeBoer commented 6 October 2013 at 02:03

Status:

Active

» Patch (to be ported)

Duplicate of #1791026: Zoom control showing through overlay.

Comment #3

Dentorat CreditAttribution: Dentorat commented 17 October 2013 at 00:32

Status:

Active

» Needs review

File	Size
leaflet-control_z_index-2005396-3.patch	660 bytes

Here's a patch, only one line was needed (the others are in the leaflet library), I set it to 100 so site builders can still have things above it and still below the overlay. There is also a patch in #1791026 that doesn't use a css file.

Comment #4

hutch CreditAttribution: hutch commented 3 November 2013 at 12:31

Just to confirm that the patch in #3 patches clean on a fresh pull of current dev and prevents the zoom control from shining through the admin overlay.