Angularjs Material md-tabs与firefox有关

Question

我在md-dialog中使用md-tabs。它在Chrome中运行良好，但在firefox中产生问题。我的代码是，

<md-dialog aria-label="Mango (Fruit)">
<form>
<md-toolbar>
  <div class="md-toolbar-tools">
    <h2>Join Us</h2>
    <span flex></span>
  </div>
</md-toolbar>
<md-dialog-content style="max-width:800px;max-height:810px; " ng-cloak>
  <md-tabs md-dynamic-height md-border-bottom  md-align-tabs="bottom">
    <md-tab label="Register">
      <md-content class="md-padding">
        <md-input-container class="md-icon-float md-block">
            <!-- Use floating label instead of placeholder -->
            <label>Name</label>
            <input ng-model="name" type="text">
          </md-input-container>

          <md-input-container md-no-float class="md-block">
            <label>Phone Number</label>
            <input ng-model="phone" type="text" ng-required="true">
          </md-input-container>

          <md-input-container>
            <label>Country Code</label>
            <md-select ng-model="countrycode">
              <md-option><em>None</em></md-option>
              <md-option ng-repeat="c_code in countrycodes track by $index" ng-value="c_code.code">
                {{c_code.name}}
              </md-option>
            </md-select>
          </md-input-container>

          <md-input-container class="md-block">
            <label>Password</label>
            <input ng-model="password" type="password" ng-required="true">
          </md-input-container>
      </md-content>
      <md-dialog-actions layout="row">
        <md-button  class="md-primary" ng-click="register(name,phone,countrycode,password)" style="margin-right:20px;" >
          Register
        </md-button>
      </md-dialog-actions>
    </md-tab>
    <md-tab label="Login">
      <md-content class="md-padding">
          <p class="text-center">{{error}}</p>
          <md-input-container md-no-float class="md-block">
            <label>Phone Number/Email</label>
            <input ng-model="phone" type="text" ng-required="true">
          </md-input-container>

          <md-input-container class="md-block">
            <label>Password</label>
            <input ng-model="password" type="password" ng-required="true">
          </md-input-container>
      </md-content>
      <md-dialog-actions layout="row">
        <md-button  class="md-primary" ng-click="login(phone,password)" style="margin-right:20px;" >
          Login
        </md-button>
      </md-dialog-actions>
    </md-tab>

  </md-tabs>
</md-dialog-content>

在Firefox中，它不可见，即md-tabs移动到对话框的左侧，保持右侧的空白区域。请让我知道，如何解决这个问题。