title: Form rapidly tabs between form fields
body: <p>When editing a field I click off the window and it loses focus. Then when I click back into the window in a different field, the focus will rapidly tab between the two form fields. </p>
  
  <p>This issue occurs occurs in Chrome, IE, and Firefox. The form fields are being pulled from a questionnaire json file for one part, but I have noticed it happening in the fields that aren't pulled from a questionnaire as well.</p>
  
  <p>Below is a sample of the html and angular code that creates the form. </p>
  
  <pre><code>    &lt;ng-form name="personalForm"&gt;
      &lt;div layout="row" layout-align="center center" ng-repeat="section in sections" ng-show="currentSection &gt;= $index+1" id="section_{{$index}}"&gt;
          &lt;md-list id="personalQnsList" layout="row" layout-align="start center" flex="90"&gt; 
          &lt;!-- Questions Layout --&gt;
          &lt;div layout="column" layout-align="start center" flex="100" role="listitem"&gt;
              &lt;div class="row sectionLine" layout="row" id='personal_{{$index}}' layout-align="start center" ng-repeat="personalQuestion in section.questions track by $index" ng-if="section.questions[$index-1].valid || $first" ng-class="{'animate-if':$index!=0}"&gt;
                  &lt;div class="row" layout-align="start center" ng-class="{'ssn': personalQuestion.fieldType == 'ssn' }"&gt;
                      &lt;!-- 3 is added to the index to account for the previous questions --&gt;
                      &lt;dynamic-question section-name="section.name" form-name="personalForm" question-index="$index + 3" question-model="personalQuestion" result-produced="resultProduced(result, personalQuestion.fieldType, personalQuestion.fieldMapping)"
                          layout-align="start center" layout-align-xs="center center"&gt;&lt;/dynamic-question&gt;
                  &lt;/div&gt;
                  &lt;!-- &lt;md-button class="info-icon" ng-if="personalQuestion.info"&gt; &lt;md-icon&gt;&lt;/md-icon&gt;
                  &lt;md-tooltip  class="infoTooltip" md-direction="right"&gt; {{personalQuestion.id |translate}}&lt;/md-tooltip&gt; &lt;/md-button&gt;   --&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;/md-list&gt;
      &lt;/div&gt;
      &lt;div layout="column" layout-align="center center"&gt;
          &lt;md-button class="md-primary md-raised" ng-if="pCtrl.continueFlag" ng-click="pCtrl.reviewPersonalInformation()" aria-label="Continue"&gt;Continue&lt;/md-button&gt;
          &lt;!-- &lt;md-button class="md-primary md-raised" ng-if="pCtrl.continueFlag &amp;&amp; pCtrl.profileContinue" ng-click="pCtrl.reviewPersonalInformation()" aria-label="Continue"&gt;Continue&lt;/md-button&gt; --&gt;
          &lt;div ng-show="pCtrl.errorMessageFlag" class="error_Msg text-center"&gt;There is an error with the information you provided. Please check your fields again&lt;/div&gt;
          &lt;div ng-show="pCtrl.errorMessageFlag" class="error_Msg text-center"&gt;Please check {{pCtrl.missingFields}} fields again&lt;/div&gt;
      &lt;/div&gt;
      &lt;/ng-form&gt;
  </code></pre>