1745992 - [UK][argos.co.uk] Expiry year dropdown is cut off

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect)

Description

[Simona Badau, Desktop QA]

Attachment: Screenshot of the issue

Affected Versions:
Nightly 97.0a1, Beta 96, Release 95, 91.4.0esr

Tested on:

• Windows 7 x64
• Windows 10 x64

Steps to Reproduce:

1. Launch Firefox
2. Go to and reach the payment form for argos.co.uk
3. Fill in the card's number
4. For the Expiry Date, select the Month and the Year from the dropdown.
5. Observe the Year.

Expected Results:
The year should be properly displayed after being selected from the dropdown.

Actual Results:
The year from the Expiry date is cut off, only 202 is visible. Please see the screenshot for more details.

Notes:

• Severity: S4
• Reproducible on Chrome?: No
• Regression-range: reproducible on all latest versions.
• This issue is not reproducible on macOS Big Sur 11.6.

Comment 1

[Raul Bucata]

Attachment: Screenshot_7.png

Comment 2

[Raul Bucata]

We appreciate your report. I was not able to reproduce the issue. After reaching the payment page and selecting the Credit card payment type, the year field is displayed as expected.

Tested with:

Browser / Version: Firefox Nightly 98.0a1 (2022-01-11) (64-bit)
Operating System: Windows 10 PRO x64

Simona, could you please re-test the issue on the latest build of Firefox Nighlty? Try clearing cache/data/cookies, disabling add-ons and Ad-blocker (if available) and extensions or use a clean profile, and check again? If there are any changes made to the default settings of the browser (e.g. in about: config) please revert to the default settings and try again. Also, have the required cookies been accepted for this page?

Comment 3

[Simona Badau, Desktop QA]

Tried on two different Windows 10 machines with clean profiles and the issue is still reproducible using the latest Nightly 98.0a1 - ID 20220113093336.
For more details, please see the screencast.

Comment 4

[Raul Bucata]

This might be device-dependent, as I was not able to reproduce the issue trying various scenarios:

1. Not signed into my test account trying to direct purchase an item.
2. Not signed into my test account trying to purchase an item added to the trolley.
3. Signed into my test account trying to direct purchase an item.
4. Signed into my test account trying to purchase an item saved into the trolley.

Oana, could you take a look at this, please?

Tested with:

Browser / Version: Firefox Nightly 98.0a1 (2022-01-12) (64-bit)
Operating System: Windows 10 PRO x64

Comment 5

[Oana Arbuzov [:oanaarbuzov]]

Yes I was able to reproduce it on my side.
https://prnt.sc/26do96y

Affected area:

<div class="select">
  <select id="expiryDateYear" name="exp_year" class="hps-detail hps-mandatory" disabled="">
    <option disabled="" selected=""></option>
    <option value="2022" selected="selected">2022</option>
    <option value="2023">2023</option>
    <option value="2024">2024</option>
<--!cut out-->
  </select>
</div>

Note: Removing the padding-right, the year is displayed correctly and it does not affect Chrome.

select {
  width: 70px;
  height: 48px;
  padding-right: 28px;
  position: relative;
  z-index: 3;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}

Tested with:
Browser / Version: Firefox Nightly 98.0a1 (2022-01-13)
Operating System: Windows 10 Pro

Comment 6

[Calin Tanase]

Attachment: Moz.png

I was not able to reproduce this issue on the latest Nightly. Simona, can you take a look and confirm?

Tested on:
Operating system: Windows 10
Firefox version: Nightly 110.0a1 (2023-01-11)

Comment 7

[Simona Badau, Desktop QA]

(In reply to Calin Tanase from comment #6)

I was not able to reproduce this issue on the latest Nightly. Simona, can you take a look and confirm?

I can't reproduce it either - tested on Windows 10 using the latest Nightly 110.0a1.