Add workaround for Edge 16 adding an incomplete version of object-fit

Polyfill will now still work on video, but will skip <img> tags since that's what Edge 16 supports

bower.json

@@ -20,5 +20,5 @@
  "test",
  "tests"
  ],
- "version": "2.0.5"
+ "version": "2.1.0"
 }

package.json

@@ -1,6 +1,6 @@
 {
  "name": "objectFitPolyfill",
- "version": "2.0.5",
+ "version": "2.1.0",
  "description": "A Javascript polyfill for browsers that don't support the object-fit CSS property",
  "main": "dist/objectFitPolyfill.min.js",
  "keywords": [

src/objectFitPolyfill.basic.js

@@ -18,8 +18,11 @@
  return;
  }
 
+ // Workaround for Edge 16, which only implemented object-fit for <img> tags
+ var isEdge16 = ( window.navigator.userAgent.indexOf("Edge/16.") !== -1 );
+
  // If the browser does support object-fit, we don't need to continue
- if ("objectFit" in document.documentElement.style !== false) {
+ if ("objectFit" in document.documentElement.style !== false && !isEdge16) {
  window.objectFitPolyfill = function() { return false };
  return;
  }
@@ -149,7 +152,7 @@
  if (!media[i].nodeName) { continue; }
  var mediaType = media[i].nodeName.toLowerCase();
 
- if (mediaType === "img") {
+ if (mediaType === "img" && !isEdge16) {
  if (media[i].complete) {
  objectFit(media[i]);
  }

src/objectFitPolyfill.js

@@ -15,8 +15,11 @@
  return;
  }
 
+ // Workaround for Edge 16, which only implemented object-fit for <img> tags
+ var isEdge16 = ( window.navigator.userAgent.indexOf("Edge/16.") !== -1 );
+
  // If the browser does support object-fit, we don't need to continue
- if ("objectFit" in document.documentElement.style !== false) {
+ if ("objectFit" in document.documentElement.style !== false && !isEdge16) {
  window.objectFitPolyfill = function() { return false };
  return;
  }
@@ -246,7 +249,7 @@
 
  var mediaType = media[i].nodeName.toLowerCase();
 
- if (mediaType === "img") {
+ if (mediaType === "img" && !isEdge16) {
  if (media[i].complete) {
  objectFit(media[i]);
  }