-ms-flex-align: end is incorrect, flex-end is the correct value

[mgol]

The following:

div {
    align-items: flex-end;
}

is translated by Autoprefixer (with default settings) to:

div {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

but there is no such thing as -ms-flex-align: end. It should be flex-end as with all other versions, see:
http://msdn.microsoft.com/en-us/library/ie/jj127304(v=vs.85).aspx

Compass 1.0.0.alpha.17 does it correctly.

See also #165 for a similar issue.

[ai]

Your MSDN link is to IE 11 docs, but IE 10 supports different flexbox standard and according some posts requires -ms-flex-align.

[ai]

Does I understand right, that IE flexbox issues is only about IE 11 specs?

[mgol]

Hah, you're right! What a mess. IE11 doesn't need prefixes so I don't get it why they not only kept prefixed versions as well but also changed their syntax.

I was confused because I clicked on a link in IE10 docs: http://msdn.microsoft.com/en-us/library/ie/hh673531(v=vs.85).aspx

They have a mess in docs...

So it seems this is one of these things that Compass got wrong and Autoprefixer got right.

[ai]

it seems this is one of these things that Compass got wrong and Autoprefixer got right.

Like a honey on the soul :D

[mgol]

BTW, this post:
http://msdn.microsoft.com/en-us/library/ie/dn265027(v=vs.85).aspx
confirms what you said. Sorry for the fuss!