carro.mercadolibre.com.co - Unnecessary up/down arrows in the phone number field

[sv-calin]

URL: https://carro.mercadolibre.com.co/MCO-934393389-chevrolet-optra-advance-2012-_JM#position=-1&search_layout=grid&type=item&tracking_id=574eb52f-5de4-4bad-9b0a-87db182d9ebb&BB=1

Browser / Version: Firefox Nightly 106.0a1 (2022-08-30) Operating System: Windows 10 Tested Another Browser: Yes Chrome

Problem type: Something else Description: Unnecessary up/down arrows Steps to Reproduce:

1. Go to https://carro.mercadolibre.com.co/MCO-934393389-chevrolet-optra-advance-2012-_JM#position=-1&search_layout=grid&type=item&tracking_id=574eb52f-5de4-4bad-9b0a-87db182d9ebb&BB=1
2. Scroll down the page until you reach the contact form "Pregúntale al vendedor" .
3. Observe the phone number field.

Expected Behaviour: The phone number field does not contain an up-down control.

Actual Behaviour: The phone number field contains an up-down control.

Notes:

1. Screenshot provided
2. Reproducible on Firefox Release as well
3. Not reproducible on Chrome

Watchers: @softvision-oana-arbuzov @softvision-raul-bucata @ClintNase

View the screenshot

Browser Configuration

• None

From webcompat.com with ❤️

[softvision-raul-bucata]

We appreciate your report. I was able to reproduce the issue.

Tested with:

Browser / Version: Firefox Release 104.0 (64-bit)/ Firefox Nightly 106.0a1 (2022-08-30) (64-bit) /Chrome Version Version 104.0.5112.102 (Official Build) (64-bit) Operating System: Windows 10 PRO x64

Notes:

1. Reproducible regardless of the status of ETP.
2. Reproducible on the latest build of Firefox Nightly and Release.
3. Works as expected using Chrome.
4. See also: https://bugzilla.mozilla.org/show_bug.cgi?id=1786147 and https://github.com/webcompat/web-bugs/issues/109468

Moving this to NeedsDiagnosis for further investigations.

[qa_35/2022]

[ksy36]

The site is using webkit specific rules to make the number spinner go away and it's not supported in Firefox:

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none; margin: 0px; }

The site could use moz-apperance:textfield or appearance:textfield to make the spinner disappear in Firefox. It's currently broken, but there is a fix coming in https://bugzilla.mozilla.org/show_bug.cgi?id=1786521

Let's move to needscontact

[webcompat-bot]

Generate outreach template

[emilio]

The site is using webkit specific rules to make the number spinner go away and it's not supported in Firefox:

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none; margin: 0px; }

The site could use moz-apperance:textfield or appearance:textfield to make the spinner disappear in Firefox. It's currently broken, but there is a fix coming in https://bugzilla.mozilla.org/show_bug.cgi?id=1786521

It's not broken, it's only broken for dynamic changes :)

[ksy36]

It's not broken, it's only broken for dynamic changes :)

Ahh that's right, sorry for confusion 🙈

[denschub]

This has been fixed in 106 via bug 1786521!

[softvision-oana-arbuzov]

@denschub this is still an issue on all current Firefox versions.

Updated URL: https://carro.mercadolibre.com.co/MCO-994192810-renault-kangoo-thermo-king-_JM#position=1&search_layout=grid&type=item&tracking_id=02a9015f-07ca-46f7-9132-32b95766b487

Tested with: Browser / Version: Firefox Nightly 107.0a1 (2022-10-16), Firefox Release 105.0.3, Firefox Beta 106.0
Operating System: Windows 10 Pro

[inv_42/2022]

[webcompat-bot]

Generate outreach template