Merge pull request #86 from mh-xdev/bugfix/058_leafletmap-overrides-vaadin

#58 Add HasStyle and z-index

Author: AB-xdev

vaadin-maps-leaflet-flow/src/main/java/software/xdev/vaadin/maps/leaflet/flow/LMap.java

@@ -30,6 +30,7 @@
 import com.vaadin.flow.component.ComponentEventListener;
 import com.vaadin.flow.component.ComponentUtil;
 import com.vaadin.flow.component.HasSize;
+import com.vaadin.flow.component.HasStyle;
 import com.vaadin.flow.component.Tag;
 import com.vaadin.flow.component.dependency.JsModule;
 import com.vaadin.flow.component.dependency.NpmPackage;
@@ -46,7 +47,7 @@
 @NpmPackage(value = "leaflet", version = "^1.6.0")
 @Tag("leaflet-map")
 @JsModule("./leaflet/leafletCon.js")
-public class LMap extends Component implements HasSize
+public class LMap extends Component implements HasSize, HasStyle
 {
 
 	private static final String SET_VIEW_POINT_FUNCTION = "setViewPoint";
@@ -65,6 +66,7 @@ public LMap(final double lat, final double lon, final int zoom)
 		super();
 		this.center = new LCenter(lat, lon, zoom);
 		this.setViewPoint(this.center);
+		this.setFixZIndexEnabled(true);
 	}
 
 	public LMap()
@@ -86,7 +88,18 @@ public void setTileLayer(final LTileLayer tl)
 	{
 		this.getElement().callJsFunction(TILE_LAYER_FUNCTION, tl.toJson());
 	}
-
+	
+	/**
+	 * This fixes situations where the leafletmap overlays components like Dialogs
+	 * 
+	 * @param enabled
+	 *            enable or disable the fix
+	 */
+	protected void setFixZIndexEnabled(final boolean enabled)
+	{
+		this.getStyle().set("z-index", enabled ? "1" : null);
+	}
+	
 	/**
 	 * add a Leaflet Component to the map.
 	 *