title: Chrome Autofill triggering separately for billing and contact information
body: <p>Autofill is triggering separately for billing and for contact information.</p>
  <p>For example, when I click on any of the following 4 input fills it offers autofill for them =&gt; first name, last name, phone number and email. When I click on any of the following 4 it triggers autofill for them together =&gt; billing address, billing postal-code, billing country, billing city.</p>
  <p>Autofill works well for each of the two groups, but I want it to be one group that will autofill by selecting any of the 8 input fields.</p>
  <p>Code example (I'm using Angular 8 with Material design components but I think this shouldn't pose as a distraction since I see this as a HTML issue):</p>
  <pre><code>&lt;form method=&quot;post&quot; id=&quot;paymentForm&quot; [formGroup]=&quot;formGroup&quot; (ngSubmit)=&quot;onSubmit(formGroup.value)&quot; class=&quot;form&quot; &gt;
  
      &lt;div class=&quot;customer-info&quot;&gt;
          &lt;div class=&quot;customer-info-personal&quot;&gt;
              &lt;div&gt;
                  &lt;mat-form-field class=&quot;form-element&quot;&gt;
                      &lt;input name=&quot;fname&quot; matInput placeholder=&quot;Ime&quot; formControlName=&quot;firstName&quot; autocomplete=&quot;given-name&quot; form=&quot;paymentForm&quot;&gt;
                      &lt;mat-error
                          *ngIf=&quot;!formGroup.controls['firstName'].valid &amp;&amp; formGroup.controls['firstName'].touched&quot;&gt;
                      &lt;/mat-error&gt;
                  &lt;/mat-form-field&gt;
                  &lt;mat-form-field class=&quot;form-element&quot;&gt;
                      &lt;input name=&quot;lname&quot; matInput placeholder=&quot;Prezime&quot; formControlName=&quot;lastName&quot; autocomplete=&quot;family-name&quot; form=&quot;paymentForm&quot;&gt;
                      &lt;mat-error *ngIf=&quot;!formGroup.controls['lastName'].valid &amp;&amp; formGroup.controls['lastName'].touched&quot;&gt;
                      &lt;/mat-error&gt;
                  &lt;/mat-form-field&gt;
                  
                  &lt;mat-form-field class=&quot;form-element&quot;&gt;
                      &lt;input name=&quot;bill-address&quot; matInput placeholder=&quot;Adresa&quot; formControlName=&quot;billingAddress&quot; autocomplete=&quot;billing street-address&quot; form=&quot;paymentForm&quot;&gt;
                      &lt;mat-error *ngIf=&quot;!formGroup.controls['billingAddress'].valid &amp;&amp; formGroup.controls['billingAddress'].touched&quot;&gt;
                      &lt;/mat-error&gt;
                  &lt;/mat-form-field&gt;
  
                  &lt;mat-form-field class=&quot;form-element&quot;&gt;
                      &lt;input name=&quot;bill-city&quot; matInput placeholder=&quot;Grad&quot; formControlName=&quot;billingCity&quot; autocomplete=&quot;billing address-level2&quot; form=&quot;paymentForm&quot;&gt;
                      &lt;mat-error *ngIf=&quot;!formGroup.controls['billingCity'].valid &amp;&amp; formGroup.controls['billingCity'].touched&quot;&gt;
                      &lt;/mat-error&gt;
                  &lt;/mat-form-field&gt;
              &lt;/div&gt;
              &lt;div&gt;
                  &lt;mat-form-field class=&quot;form-element&quot;&gt;
                      &lt;input name=&quot;bill-zip&quot; matInput placeholder=&quot;Poštanski broj&quot; formControlName=&quot;billingPostalNumber&quot; autocomplete=&quot;billing postal-code&quot; form=&quot;paymentForm&quot;&gt;
                      &lt;mat-error
                          *ngIf=&quot;!formGroup.controls['billingPostalNumber'].valid &amp;&amp; formGroup.controls['billingPostalNumber'].touched&quot;&gt;
                      &lt;/mat-error&gt;
                  &lt;/mat-form-field&gt;
                  &lt;mat-form-field class=&quot;form-element&quot;&gt;
                      &lt;input name=&quot;bill-country&quot; matInput placeholder=&quot;Država&quot; formControlName=&quot;billingCountry&quot; autocomplete=&quot;billing country&quot; form=&quot;paymentForm&quot;&gt;
                      &lt;mat-error *ngIf=&quot;!formGroup.controls['billingCountry'].valid &amp;&amp; formGroup.controls['billingCountry'].touched&quot;&gt;
                      &lt;/mat-error&gt;
                  &lt;/mat-form-field&gt;
                  &lt;mat-form-field class=&quot;form-element&quot;&gt;
                      &lt;input name=&quot;email&quot; matInput placeholder=&quot;e-mail&quot; formControlName=&quot;email&quot; autocomplete=&quot;email&quot; type=&quot;email&quot; form=&quot;paymentForm&quot;&gt;
                      &lt;mat-error *ngIf=&quot;!formGroup.controls['email'].valid &amp;&amp; formGroup.controls['email'].touched&quot;&gt;
                      &lt;/mat-error&gt;
                  &lt;/mat-form-field&gt;
                  &lt;mat-form-field class=&quot;form-element&quot;&gt;
                      &lt;input name=&quot;phone&quot; matInput placeholder=&quot;Broj telefona&quot; formControlName=&quot;phoneNumber&quot; autocomplete=&quot;tel&quot; type=&quot;tel&quot; form=&quot;paymentForm&quot;&gt;
                      &lt;mat-error
                          *ngIf=&quot;!formGroup.controls['phoneNumber'].valid &amp;&amp; formGroup.controls['phoneNumber'].touched&quot;&gt;
                      &lt;/mat-error&gt;
                  &lt;/mat-form-field&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class=&quot;buttons-element&quot;&gt;
              &lt;div class=&quot;pay-button-element&quot;&gt;
                  &lt;button mat-raised-button color=&quot;primary&quot; type=&quot;submit&quot; class=&quot;button&quot;
                      [disabled]=&quot;!formGroup.valid&quot;&gt;Plati&lt;/button&gt;
              &lt;/div&gt;
              &lt;div class=&quot;cancel-button-element&quot;&gt;
                  &lt;button mat-button color=&quot;secondary&quot; type=&quot;submit&quot; class=&quot;button&quot;&gt;Odustani&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt; ```
  </code></pre>