IEでフレックスボックスの幅が壊れた

Question

私はアイテムのリストを持っています。各リスト項目には、未知の幅のラジオボタンと、コンテナの幅の残りの部分を取りたいドロップダウンリストが含まれています。私のコードはChromeでは動作しますが、IE11では動作しません。私が間違っていることは何か考えていますか？ HTML：

<ul> 
    <li class="project-list"> 
     <div class="radio-selector"> 
       ...code for radio button... 
     </div> 
     <div class="dropdown-selector"> 
       <select class="dropdown"> 
        ...options... 
       </select> 
     </div> 
    </li> 
</ul> 

そして、私のCSS：

li.project-list{ 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex; 
    -webkit-flex-direction: row; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    -webkit-flex-wrap: nowrap; 
    -ms-flex-wrap: nowrap; 
    flex-wrap: nowrap; 
    -webkit-justify-content: flex-start; 
    -ms-flex-pack: start; 
    justify-content: flex-start; 
    -webkit-align-content: stretch; 
    -ms-flex-line-pack: stretch; 
    align-content: stretch; 
    -webkit-align-items: flex-start; 
    -ms-flex-align: start; 
    align-items: flex-start; 
} 
.dropdown-selector { 
    -webkit-order: 0; 
    -ms-flex-order: 0; 
    order: 0; 
    -webkit-flex: 1 1 auto; 
    -ms-flex: 1 1 auto; 
    flex: 1 1 auto; 
    -webkit-align-self: auto; 
    -ms-flex-item-align: auto; 
    align-self: auto; 
} 
.dropdown{ 
    width:100%; 
} 

はフレキシボックスのコードは、このサイトを使用して生成された：http://the-echoplex.net/flexyboxes/

すべてのヘルプは歓迎です！

編集

申し訳ありませんああ、ドロップダウンは完全に代わりに残りのスペースを取っての幅に縮小されます。

Answer 1

フレックスの略語を定義するとき、内容が縮小できると宣言しました。これはflex-shrink: 1と同じです。試してみましたか：

.dropdown-selector{ 
    flex: auto; 
} 

私はIE11にもフレックスの略語にいくつかの問題があると思います。私は残念ながら上のIEをテストするために、周りのWindows PCを持っていない

.dropdown-selector{ 
    display: flex; 
    flex-grow: 1; 
    flex-shrink: 0; 
} 

が、thisはIE11のFlexのバグのための便利なリファレンスです：あなたはまた、使用して試みることができます。