Merge pull request #4508 from camptocamp/GSGMF-756

Fixes distored images in IE11 by wrapping img in div
camptocamp · Jan 9, 2019 · 6e4c935 · 6e4c935
2 parents f55fe86 + 32aea43
commit 6e4c935
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