Fixes distored images in IE11 by wrapping img in div

This is #4230 for the 2.2 branch.
camptocamp · Jan 8, 2019 · 32aea43 · 32aea43
1 parent f55fe86
commit 32aea43
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/contribs/gmf/src/directives/partials/layertree.html b/contribs/gmf/src/directives/partials/layertree.html
@@ -32,11 +32,12 @@
     ng-click="::gmfLayertreeCtrl.toggleActive(layertreeCtrl)"
     ng-if="::!layertreeCtrl.node.children" ng-class="::{'gmf-layertree-no-layer-icon' : !gmfLayertreeCtrl.getLegendIconURL(layertreeCtrl)}"
     class="gmf-layertree-layer-icon">
-
-    <img
-      ng-if="::(legendIconUrl=gmfLayertreeCtrl.getLegendIconURL(layertreeCtrl))"
-      ng-src="{{::legendIconUrl}}">
-    </img>
+    <div><!--This div is required for flex issues with IE11-->
+      <img
+        ng-if="::(legendIconUrl=gmfLayertreeCtrl.getLegendIconURL(layertreeCtrl))"
+        ng-src="{{::legendIconUrl}}">
+      </img>
+    </div>
   </a>
 
   <a