Fix wrapping issue with legend in Chrome

jcheng5 · jcheng5 · commit 49e6fe56762c · 2017-03-20T21:32:02.000-07:00
diff --git a/inst/htmlwidgets/leaflet.js b/inst/htmlwidgets/leaflet.js
@@ -1848,7 +1848,7 @@ methods.addLegend = function (options) {
         labels.push(options.na_label);
       }
       for (var i = 0; i < colors.length; i++) {
-        legendHTML += "<i style=\"background:" + colors[i] + ";opacity:" + options.opacity + "\"></i> " + labels[i] + "<br/>";
+        legendHTML += "<i style=\"background:" + colors[i] + ";opacity:" + options.opacity + "\"></i> " + labels[i] + "<br clear='both'/>";
       }
       div.innerHTML = legendHTML;
     }
diff --git a/javascript/src/methods.js b/javascript/src/methods.js
@@ -783,7 +783,7 @@ methods.addLegend = function(options) {
       }
       for (let i = 0; i < colors.length; i++) {
         legendHTML += "<i style=\"background:" + colors[i] + ";opacity:" +
-                      options.opacity + "\"></i> " + labels[i] + "<br/>";
+                      options.opacity + "\"></i> " + labels[i] + "<br clear='both'/>";
       }
       div.innerHTML = legendHTML;
     }

Original file line number	Diff line number	Diff line change
`@@ -1848,7 +1848,7 @@ methods.addLegend = function (options) {`
`1848`	`1848`	`labels.push(options.na_label);`
`1849`	`1849`	`}`
`1850`	`1850`	`for (var i = 0; i < colors.length; i++) {`
`1851`		`- legendHTML += "<i style=\"background:" + colors[i] + ";opacity:" + options.opacity + "\"></i> " + labels[i] + "<br/>";`
	`1851`	`+ legendHTML += "<i style=\"background:" + colors[i] + ";opacity:" + options.opacity + "\"></i> " + labels[i] + "<br clear='both'/>";`
`1852`	`1852`	`}`
`1853`	`1853`	`div.innerHTML = legendHTML;`
`1854`	`1854`	`}`
Original file line number	Diff line number	Diff line change
`@@ -783,7 +783,7 @@ methods.addLegend = function(options) {`
`783`	`783`	`}`
`784`	`784`	`for (let i = 0; i < colors.length; i++) {`
`785`	`785`	`legendHTML += "<i style=\"background:" + colors[i] + ";opacity:" +`
`786`		`- options.opacity + "\"></i> " + labels[i] + "<br/>";`
	`786`	`+ options.opacity + "\"></i> " + labels[i] + "<br clear='both'/>";`
`787`	`787`	`}`
`788`	`788`	`div.innerHTML = legendHTML;`
`789`	`789`	`}`