Chromeのmd入力で位置が正しくない - 角度のある素材とHTML

Question

のlayut="row"にはmd-inputのアイコンとボタンが含まれていますが、ボタンも表示されませんその逆もまた同様である。

Chromeでこれらの行の位置が正しくありません。なぜそれがこれを行い、それを修正するのか分かりません。他の誰かがこのバグを経験しましたか？ここにいくつかのスクリーンショットがあり、以下は私のhtmlです。

また、firefoxでmd-contentをスクロールすることはできませんが、chromeでは動作しますが、これはまだ解決していないバグです。だから誰かがそれが解決策を知っているなら、それはボーナスになるだろう:)ありがとう！

クローム：

のFirefox：

私のhtml：

<md-content class="darkgrey-bkgr white-text" flex layout="column" layout-margin> 
    <div layout="row" layout-align="start start" ng-repeat="(id, doc) in ctrl.params" layout-margin flex="100"> 
    <md-input-container flex> 
     <label>Parameter {{id}}</label> 
     <input ng-model="doc.value"> 
    </md-input-container> 
    <i class="material-icons"> 
     code 
     <md-tooltip md-direction="right"> 
     {{doc.formattedValue}} 
     </md-tooltip> 
    </i> 
    <md-progress-circular class="small-config-spinner" md-mode="indeterminate"></md-progress-circular> 
    <md-button class="md-icon-button md-fab md-mini md-primary" ng-click="ctrl.updateConfigParameter(id,doc.value)"> 
     <i class="material-icons white-text">check</i> 
    </md-button> 
    </div> 
</md-content> 

Answer 1

あなただけの目的の結果を得るために、親div要素を使用する必要があります。

<div layout="column" flex> 
    //Your Code 
</div> 

クロムとFirefoxでうまく動作します ここに実際の例があります。 http://codepen.io/next1/pen/MeJWpd