IE10: Unable to set any flex style properties via Javascript

Question

Here's what I'm trying to do:

var node = document.getElementById('some-object');
node.style.flex = '480px 1 0';

Question is, why doesn't the snippet above work on IE 10?

I can set the flex or flexBasis or flexGrow or whatsoever in IE11 and above, so why doesn't it work in IE 10?

That is an incorrect value for `flex` and IE 10 only supports the `-ms-` prefixed version of flex (partial support) — zgood, Nov 28 '17 at 14:59
As IE10 use prefixed properties for Flexbox (the older version of it), you need to do the same with your script. `var node = document.getElementById('some-object'); node.style.msFlex = '1 0 480px'; /* flex: */` _And note, the `flex-basis` value should be last_ — Asons, Nov 28 '17 at 17:19
@LGSon that's actually the method I found. No idea why I can set `msFlex` via javascript but not `msFlexBasis`. Any reason why the flex-basis needs to be last, though? — Jerome Indefenzo, Nov 29 '17 at 21:01
It seems to work either way (specifically setting `{???}px 0 0`, that is). — Jerome Indefenzo, Nov 29 '17 at 21:02

score 0 · Accepted Answer · answered Nov 28 '17 at 14:57

0

This doesn't work because flexbox styling isn't supported in IE versions older than 11.

answered Nov 28 '17 at 14:57

Cerbrus

I'm using IE11, emulating IE10 document mode. Everything except setting `flexBasis` via Javascript seems to work. – Jerome Indefenzo Nov 28 '17 at 15:07
Can I not trust the document mode emulation either? – Jerome Indefenzo Nov 28 '17 at 15:07
Emulation is never as good as using the thing you're emulating. – Cerbrus Nov 28 '17 at 15:11
yup, I guessed so :sadface: – Jerome Indefenzo Nov 28 '17 at 15:33
This is wrong, IE10 supports Flexbox, though the older version, using prefixed properties – Asons Nov 28 '17 at 17:03
@LGSon: partial support != support ;-) – Cerbrus Nov 28 '17 at 17:17
@Cerbrus You write _isn't supported in IE versions older than 11_, which is wrong – Asons Nov 28 '17 at 17:19
It’s not even fully supported in 11... – Cerbrus Nov 28 '17 at 17:20
No more comments from me...people can read themselves – Asons Nov 28 '17 at 17:23

score 0 · Answer 2 · answered Nov 28 '17 at 14:59

0

It's not supported by IE10, have a look here which browsers support flexbox: https://caniuse.com/#search=flexbox Note, IE11 has only partial support.

answered Nov 28 '17 at 14:59

lehel

This is wrong, IE10 supports Flexbox, though the older version, using prefixed properties, and IE11 supports it, though partial support due to large amount of bugs present. – Asons Nov 28 '17 at 17:04

2 Answers2