fix: change empty image to use data-uri to fix ie 11 support

imgix · Jun 27, 2018 · 5c93b3a · 5c93b3a
1 parent f3bc7ad
commit 5c93b3a
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/react-imgix.js b/src/react-imgix.js
@@ -7,7 +7,9 @@ import PropTypes from "prop-types";
 import processImage from "./support.js";
 
 // Best way to include an img with an empty src https://stackoverflow.com/a/5775621/515634 and https://stackoverflow.com/a/19126281/515634
-const EMPTY_IMAGE_SRC = "//:0";
+// Using '//:0' doesn't work in IE 11, but using a data-uri works.
+const EMPTY_IMAGE_SRC =
+  "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";
 
 const roundToNearest = (size, precision) =>
   precision * Math.ceil(size / precision);