Merge branch 'feature/ie-css-for-images' into develop

[SVCS-571] Closes: #322
CenterForOpenScience · Mar 22, 2018 · 4cf6112 · 4cf6112
2 parents 227cae5 + 976fd20
commit 4cf6112
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/mfr/extensions/image/templates/viewer.mako b/mfr/extensions/image/templates/viewer.mako
@@ -103,7 +103,11 @@
                     ##      issue mentioned below.
                     ## 2.   Images are displayed in its actual size. No issue for all supported
                     ##      browsers.
-                    baseImage.wrap("<div></div>").parent().css("display", "inline-block");
+                    baseImage.wrap("<div></div>").parent().css({
+                        "display": "inline-block",
+                        "max-width": "100%",  // need to be explicit for IE
+                        "height": "auto"      // need to be explicit for IE
+                    });
                 } else {
                     ## Quirks: Chrome has a flickering bug when images are wrapped with `<div>` or
                     ## `<span>`.  During zoom the scroll bar keeps appearing and disappearing which