jonathantneal / flexibility

A JavaScript polyfill for Flexbox

Home Page:https://jonathantneal.github.io/flexibility/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

IE9 Error: Unable to get value of -js-display

rodzyn opened this issue · comments

Hey guys,
I'm getting an error on IE9:

SCRIPT5007: Unable to get value of the property '-js-display': object is null or undefined

Any clues?

I'm using version 1.0.5 (with react/redux, babel+webpack)

commented

Same here. I have the -js-display property everywhere that I have display: flex.

Update: The error isn't there anymore, although I didn't actually change anything... However, the polyfill doesn't seem to be doing anything.

http://localhost:8080/home/

+1 -js-display: flex; has no effect in IE9

Using 1.0.5 through Grunt

Were you guys testing using IE9 emulation in IE11? Testing using the IE9 emulation gave me the same results you seem to have come up with. Testing in actual IE9 worked just fine.

My theory is that IE11 doesn't use the old js engine when it's emulating. I have nothing to base that on, however, save for some cryptic error messages in old projects.

commented

I was testing using an IE9 / Windows 7 virtual machine

I'm using a real IE9 and I'm getting the same error. Flexibility doesn't seem to do anything.

Would you test this again with v2? You should not be getting any such error. If there is trouble reading currentStyle in older IE, then flexibility should just skip that element.

Is 2.0 published on NPM?

Same here! IE8/9 doesn't work! Back to v1.x

ERROR: Unable to get value of the property '-js-display': object is null or undefined
IE9 Windows 7
flexibility 1.0.6

-js-display: flex
Has no effect at all
IE9 Windows 7
flexibility 2.0.1

The 1.0.6 standalone test files work fine. But if those same files are copied to a WordPress installation the Unable to get value of the property '-js-display': object is null or undefined error occurs. This is true even if the files are copied to just the root folder of the WordPress installation.

I am using it on ie9 and it is also not working als expected. I did a small video.
flexibility is being called after 5 sec.

https://app.crossbrowsertesting.com/public/i9ecd12d09fa8a71/livetests/5466655/videos/z1643e0dafd6b246ee03

Same error on IE8 here. I did some debugging and it looks like l.flexStyle[s[0]] in the libarary is giving me the value "auto-5" which is what I think it is barfing on. Not sure how to fix...