1822806 - [BE][playmobil] Form autofill/preview/clear are not applied properly in all the eligible fields

Status: VERIFIED FIXED

(Toolkit :: Form Autofill, task, P3)

Description

[Ina Popescu, Desktop QA]

Attachment: playmobil_preview, autofill and clear.mp4

Found in

• Firefox 111

Affected versions

• Firefox 111

Tested platforms

• Affected platforms: Windows 10

Preconditions

• set pref extensions.formautofill.supportedCountries to IT,ES,PL,AT,BE in about:config
• set pref browser.search.region to BE in about:config
• use BE VPN
• have several credit cards saved in about:preferences#privacy

Steps to reproduce

1. Go to https://www.playmobil.be/
2. Add an item to cart and proceed to checkout
3. Reach the payment page
4. Click in either the Card Number or Expiration Date field

Expected result

• Form preview/autofill/clear should be applied in the eligible fields and highlighted when using the form autofill and preview.

Actual result

• Clicking in the CC number field will autofill all the eligible fields, but only the selected field is highlighted. However clicking in the Expiry date will autofill only the selected field.
  Clear form is working separately for CC Number and Expiry Date fields.
  Autofill dropdown is not displayed in the Cardholder name field.

Regression range

• Not a regression because this feature is disabled by default.

Additional notes

• The issue is reproduceable in Google Chrome where form preview, autofill and clear form are not working properly either.
• Fathom Fox downloaded page: https://drive.google.com/file/d/1wZ8cy3hq_n95VpMVzoPv_aacTSPhVZie/view?usp=sharing

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

:epopescu, if you think that's a regression, could you try to find a regression range using for example mozregression?

Comment 3

[Ina Popescu, Desktop QA]

Attachment: playmobil.mp4

I've retested this issue in Nightly 125.0a1 (2024-03-04) on Windows10 x64 given that Bug 1755033 has been RESOLVED FIXED.
Clicking in the CC number field autofills all the fields, but only the selected field is highlighted. However clicking in the other fields(Expiry date and Cardholder name) autofills only the selected field.
Each field is highlighted separately when using the autofill.
Clear form option is working separately for each field.
The autofill preview is still not working.
Screen recording attached.

Comment 4

[Alin Ilea, Desktop Test Engineering]

Removing the dependency to Bug 1755033, since the highlight is present accordingly for the autofilled fields, the issue is related to the
Support autofill credit card fields across iframes

Comment 5

[Alin Ilea, Desktop Test Engineering]

Attachment: 2024-09-06_14h07_50.mp4

The expiry date and card Number fields that worked separately are now fixed by bug 1906292.
The credit card name field is autofilled when autofilling is triggered from the credit card number or expiry date fields but it display the wrong dropdown when its autofilled(the autocomplete dropdown instead of clear form dropdown) and it is also NOT cleared if the clear form is triggered from the card Number or expiry date fields.
Setting extensions.formautofill.heuristics.autofillSameOriginWithTop to True will fix the card Name field issue, it is cleared accordingly when the clear form is triggered from the card Number or expiry date fields and it also display the correct dropdown when it is autofilled. (See the screen recording attached here)
The card Name is in the main frame and the card Number and expiry date fields are part of the same iframe with the same origin.

Comment 6

[Alin Ilea, Desktop Test Engineering]

Attachment: 2024-09-06_14h08_02.png

about:autofill

Comment 7

[Alin Ilea, Desktop Test Engineering]

Fixed by bug 1916606. The CC Name field that is located in the main frame, is now autofilled and cleared accordingly.
As we agreed with the engineering team and based on this comment, I will mark this as fixed and verified.