From 1cc880038295a6906c9df559e378f412136ac778 Mon Sep 17 00:00:00 2001
From: Compufreak345 <Compufreak345@gmail.com>
Date: Fri, 31 Jul 2015 17:57:20 +0200
Subject: [PATCH 1/5] Fix typo on method name causing errors

In my testcase the layer-group is still not displayed on the map, but at least it does not throw errors causing the map to not render anymore...
---
 leaflet-layer-group.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/leaflet-layer-group.html b/leaflet-layer-group.html
index 98d8b5f..baf4b5c 100644
--- a/leaflet-layer-group.html
+++ b/leaflet-layer-group.html
@@ -44,11 +44,11 @@
 				var feature = L.layerGroup()
 				this.feature = feature;
 				this.feature.addTo(this.container);
-				this.registerContaierOnChildren();
+				this.registerContainerOnChildren();
 			}
 		},
 
-		registerContaierOnChildren: function() {
+		registerContainerOnChildren: function() {
 			for (var i = 0; i < this.children.length; i++) {
 				this.children[i].container = this.feature;
 			}

From f1e37b36d5c07767b18ae9ce7923210f37a2c681 Mon Sep 17 00:00:00 2001
From: Compufreak345 <Compufreak345@gmail.com>
Date: Fri, 31 Jul 2015 18:21:55 +0200
Subject: [PATCH 2/5] Make layer-group working

Added missing semicolon & <content></content> so children can actually be found.
---
 leaflet-layer-group.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/leaflet-layer-group.html b/leaflet-layer-group.html
index baf4b5c..b9cc024 100644
--- a/leaflet-layer-group.html
+++ b/leaflet-layer-group.html
@@ -17,7 +17,7 @@
 -->
 
 <dom-module id="leaflet-layer-group">
-	<template>
+	<template><content></content>
 	</template>
 </dom-module>
 
@@ -41,7 +41,7 @@
 	
 		_containerChanged: function() {
 			if (this.container) {
-				var feature = L.layerGroup()
+				var feature = L.layerGroup();
 				this.feature = feature;
 				this.feature.addTo(this.container);
 				this.registerContainerOnChildren();

From fdbcefaa4dfec39df5704b0551920003f323fad6 Mon Sep 17 00:00:00 2001
From: Compufreak345 <Compufreak345@gmail.com>
Date: Fri, 31 Jul 2015 18:53:43 +0200
Subject: [PATCH 3/5] Add fitMapToBounds-property

This property causes the map containing the Layer-Group to be automatically resized to fit the given container. Using more than one container with this set to true will probably cause random behaviour.
---
 leaflet-layer-group.html | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/leaflet-layer-group.html b/leaflet-layer-group.html
index b9cc024..ef5411b 100644
--- a/leaflet-layer-group.html
+++ b/leaflet-layer-group.html
@@ -5,9 +5,9 @@
 
 ##### Example
 
-    <leaflet-layer-group>
-        <leaflet-marker latitude="51.505" longitude="-0.09"> </leaflet-marker>
-    </leaflet-layer-group>
+	<leaflet-layer-group>
+	    <leaflet-marker latitude="51.505" longitude="-0.09"> </leaflet-marker>
+	</leaflet-layer-group>
 
 
 @element leaflet-layer-group
@@ -31,7 +31,11 @@
 			container: {
 				type: Object,
 				observer: '_containerChanged'
-			}	
+			},
+			fitMapToBounds : {
+				type: Boolean,
+				value: false
+			}
 		},
 
 		ready: function() {
@@ -52,6 +56,11 @@
 			for (var i = 0; i < this.children.length; i++) {
 				this.children[i].container = this.feature;
 			}
+			if(this.fitMapToBounds && this.container!=null && this.feature!=null) {
+				var layers = this.feature.getLayers();
+				if(layers.length>0)
+					this.container.fitBounds(L.featureGroup(layers).getBounds());
+			}
 		},
 		
 		detached: function() {

From fa3f08e03895446ef94d936ba033c2d40790f434 Mon Sep 17 00:00:00 2001
From: Compufreak345 <Compufreak345@gmail.com>
Date: Sat, 1 Aug 2015 10:18:22 +0200
Subject: [PATCH 4/5] Re-init MutationObserver

Needed for Firefox & Safari to work with dom-repeat.
---
 leaflet-layer-group.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/leaflet-layer-group.html b/leaflet-layer-group.html
index b9cc024..5e343f8 100644
--- a/leaflet-layer-group.html
+++ b/leaflet-layer-group.html
@@ -34,7 +34,7 @@
 			}	
 		},
 
-		ready: function() {
+		resetMutationObserver : function() {
 			this._mutationObserver = new MutationObserver(this.registerContainerOnChildren.bind(this));
 			this._mutationObserver.observe(this, {childList: true});
 		},
@@ -49,6 +49,7 @@
 		},
 
 		registerContainerOnChildren: function() {
+			this.resetMutationObserver();
 			for (var i = 0; i < this.children.length; i++) {
 				this.children[i].container = this.feature;
 			}

From 43e47fa66460092528ca0fec36bb7913f69a6b28 Mon Sep 17 00:00:00 2001
From: Compufreak345 <Compufreak345@gmail.com>
Date: Sat, 1 Aug 2015 10:23:24 +0200
Subject: [PATCH 5/5] Fix crash in Safari when dynamic content is used

Might be better to reregister the mutationObserver at the right point, but until now I did not see any issues.
---
 leaflet-core.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/leaflet-core.html b/leaflet-core.html
index 1785909..0afcfaf 100644
--- a/leaflet-core.html
+++ b/leaflet-core.html
@@ -723,7 +723,8 @@
 		},
 
 		detached: function() {
-			this._mutationObserver.disconnect();
+			if(this._mutationObserver)
+				this._mutationObserver.disconnect();
 		},
 
 		_viewChanged: function(newValue, oldValue) {