1889058 - Visibility issue with "Manage Addresses" and "Manage Payment Methods" in autofill dropdown

Status: NEW

(Toolkit :: Form Autofill, task, P3)

Description

[Ina Popescu, Desktop QA]

Attachment: scrolling within the dropdown.mp4

Found in

• Nightly 126.0a1

Affected versions

• Nightly 126.0a1

Tested platforms

• Affected platforms: Windows10, macOS 13, Ubuntu 22.04

Preconditions

• Install the Firefox en-US build
• Set browser.search.region to US in about:config
• Save 10 addresses and 10 credit cards in about:preferences#privacy, Forms & Autofill section

Steps to reproduce

1. Go to address form https://luke-chang.github.io/autofill-demo/basic.html
2. Double-click on Email or Phone field to trigger the autofill dropdown
3. Scroll down in the dropdown
4. Observe the last item displayed in the dropdown
5. Repeat the same steps for CC form https://luke-chang.github.io/autofill-demo/basic_cc.html

Expected result

• The last item "Manage addresses" in the address form dropdown and "Manage payment methods" in CC form dropdown are properly displayed and fully visible.

Actual result

• "Manage addresses" is not visible when double-clicking in the Email and Phone fields in the address form dropdown , whereas "Manage payment methods" is truncated with ellipses in CC form dropdown.

Regression range

"Manage addresses" display issue

• Last good revision: 28b4eaeb70285be21ee6612c4e891e41c7949b68
• First bad revision: c7de11c6787d78b51b4f29aba2c0008b1308f966
• Pushlog:
  https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=28b4eaeb70285be21ee6612c4e891e41c7949b68&tochange=c7de11c6787d78b51b4f29aba2c0008b1308f966

"Manage payment methods" display issue

• Last good revision: 0e4f6cf9e32b27d5e4fd408578af13ff8ff6550a
• First bad revision: 83209c4fd4a8ea8fbb10c02082c2a458263b64a2
• Pushlog:
  https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=0e4f6cf9e32b27d5e4fd408578af13ff8ff6550a&tochange=83209c4fd4a8ea8fbb10c02082c2a458263b64a2

Additional notes

• Based on my observation, this issue seems to occur when the scrollbar appears within the autofill dropdown, although it's also influenced by the screen size:

• on Windows 10 x64 (screen size 1519 × 739), the last item is not fully displayed in both the Address and CC autofill dropdowns
• on macOS 13 (screen size 1440 × 709), the last item is not fully displayed in the Address autofill dropdown
• on Ubuntu 22.04 (screen size 1850 × 968), the last item is not fully displayed in the CC autofill dropdown

Comment 1

[Alin Ilea, Desktop Test Engineering]

Attachment: 2024-04-03_16h08_36.png

On my end, the "Manage payment methods" is truncated with ellipses in the CC form dropdown all the time, no matter how many credit cards are displayed. The issue is reproducible for all the CC fields (Name, Card Number, Expiration month/year).
Note that if you zoom in to 110% or higher, the issue is not longer reproducible and the full message is displayed.