cee-chen / object-fit-polyfill

A Javascript polyfill for browsers that don't support the object-fit CSS property.
ISC License
496 stars 93 forks source link

Doesn't work in Windows 10 IE11 #44

Closed stevengrimaldo closed 5 years ago

stevengrimaldo commented 5 years ago

I opened your demo page in BrowserStack using Windows 10 - IE11 and compared it to your demo page in Mac Mojave - Latest Chrome and they aren't matching leading me to believe it does NOT work in IE as mentioned.

Please help.

andrejpavlovic commented 5 years ago

It works fine in IE11, just opened it myself.

lyssar commented 5 years ago

Well I can confirm that at least object-fit cover does indeed not work in IE11 apparently. E11 - Win7_29_03_2019_09_24_53

As you can see the dog in the lower right corner should be cover the complete div but it doesn't

ftify commented 5 years ago

It isn't working for me too on IE11 Windows

cee-chen commented 5 years ago

Hey, sorry for the delay on this one. As others commented: this is working fine on my native Windows 10 device in IE11. Here is what the 4 skyscraper photos should look like:

It looks exactly the same on IE 11 as it does on my Mac Mojave on Chrome. I'm going to close this as can't reproduce, unless you can send a screenshot of what your IE 11 skyscrapers and Chrome skyscrapers next to each other looking differently.

@cefuroX, thanks for the screenshot! The dog in the low right corner is an issue with the video source I'm using to link - not an issue with the polyfill (otherwise, the 4 skyscrapers wouldn't be rendering the way that they do). It appears the video source frequently changes or gets moved around which is causing the issue. I need to upload my own mp4 file at some point instead of reusing someone else's (sorry to the fine folks at Coverr for doing so).