Bugzilla

**Found in**
* 111.0-candidates

**Affected versions**
* 111.0-candidates

**Tested platforms**
* Affected platforms: Windows 10

**Preconditions**
* browser.search.region = ES
* extensions.formautofill.creditCards.supportedCountries = ES
* have an already saved CC in about:preferences

**Steps to reproduce**
1. Reach the payment form on https://www.planetahuerto.es
2. Click on any CC field and hover the mouse over any CC entry
3. Click on the CC Number field and select a CC entry
4. Click on the CC Number again and choose clear form
5. Click on the CC Name field and select a CC entry
6. Click on the expiry date field and select a CC entry

**Expected result**
1. Preview should be applied on eligible fields.
2. Choosing a CC entry from any CC fields should autofill all the CC eligible fields.
3. Clear form dropdown should be displayed for the already autofilled fields and should clear all the CC eligible fields.
4. The autofill highlight should be displayed for all the CC fields.

**Actual result**
1. The preview is applied only for the selected field.
2. All the CC fields are autofilled only if choosing a CC entry from the CC Number field. The CC number and expiry date fields will autofill only themselves.
3. Clear form dropdown is displayed and clears only the selected field.
4. The autofill highlight is displayed only for the CC number and expiry date fields if the autofill is triggered from those fields.
5. The CC autofill dropdown is displayed for the already autofilled fields instead of the clear form dropdown.

**Regression range**
* N/A

**Additional notes**
* In Chrome, only the CC Name fields is working separately and it autofill only itself. The other fields are working as expected. The highlight is present in Chrome for all the fields.
* Downloaded webpage: https://drive.google.com/file/d/19l6fAz5Jj-6lJDFB7-wpZpKLyndb4sn8/view

* Screen recording of the issue in comment 1.

**Found in**
* 111.0-candidates

**Affected versions**
* 111.0-candidates

**Tested platforms**
* Affected platforms: Windows 10

**Preconditions**
* browser.search.region = ES
* extensions.formautofill.creditCards.supportedCountries = ES
* have an already saved CC in about:preferences

**Steps to reproduce**
1. Reach the payment form on https://www.planetahuerto.es
2. Click on any CC field and hover the mouse over any CC entry
3. Click on the CC Number field and select a CC entry
4. Click on the CC Number again and choose clear form
5. Click on the CC Name field and select a CC entry
6. Click on the expiry date field and select a CC entry

**Expected result**
1. Preview should be applied on eligible fields.
2. Choosing a CC entry from any CC fields should autofill all the CC eligible fields.
3. Clear form dropdown should be displayed for the already autofilled fields and should clear all the CC eligible fields.
4. The autofill highlight should be displayed for all the CC fields.

**Actual result**
1. The preview is applied only for the selected field.
2. All the CC fields are autofilled only if choosing a CC entry from the CC Number field. The CC number and expiry date fields will autofill only themselves.
3. Clear form dropdown is displayed and clears only the selected field.
4. The autofill highlight is displayed only for the CC number and expiry date fields if the autofill is triggered from those fields.
5. The CC autofill dropdown is displayed for the already autofilled fields instead of the clear form dropdown.

**Regression range**
* N/A

**Additional notes**
* In Chrome, only the CC Name fields is working separately and it autofill only itself. The other fields are working as expected. The highlight is present in Chrome for all the fields.
* Downloaded webpage: https://drive.google.com/file/d/19l6fAz5Jj-6lJDFB7-wpZpKLyndb4sn8/view

* Screen recording of the issue in comment 1.

**Found in**
* 111.0-candidates

**Affected versions**
* 111.0-candidates

**Tested platforms**
* Affected platforms: Windows 10

**Preconditions**
* browser.search.region = ES
* extensions.formautofill.creditCards.supportedCountries = ES
* have an already saved CC in about:preferences

**Steps to reproduce**
1. Reach the payment form on https://www.planetahuerto.es
2. Click on any CC field and hover the mouse over any CC entry
3. Click on the CC Number field and select a CC entry
4. Click on the CC Number again and choose clear form
5. Click on the CC Name field and select a CC entry
6. Click on the expiry date field and select a CC entry

**Expected result**
1. Preview should be applied on eligible fields.
2. Choosing a CC entry from any CC fields should autofill all the CC eligible fields.
3. Clear form dropdown should be displayed for the already autofilled fields and should clear all the CC eligible fields.
4. The autofill highlight should be displayed for all the CC fields.

**Actual result**
1. The preview is applied only for the selected field.
2. All the CC fields are autofilled only if choosing a CC entry from the CC Number field. The CC number and expiry date fields will autofill only themselves.
3. Clear form dropdown is displayed and clears only the selected field.
4. The autofill highlight is displayed only for the CC number and expiry date fields if the autofill is triggered from those fields.
5. The CC autofill dropdown is displayed for the already autofilled fields instead of the clear form dropdown.

**Regression range**
* N/A

**Additional notes**
* In Chrome, only the CC Name fields is working separately and it autofill only itself. The other fields are working as expected. The highlight is present in Chrome for all the fields.
* [Fathom Fox Sample](https://drive.google.com/file/d/19l6fAz5Jj-6lJDFB7-wpZpKLyndb4sn8/view)