Desktop Chrome/Safari/Edge browsers display number input arrows when adding items (shopfront)

[filipefurtad0]

Description

On Desktop, and for Windows 10/Ubuntu/Catalina OSs, the browsers Chrome/Safari/Edge browsers seem to display number input arrows, when adding items to the cart (/shopfront). This seems not to affect Firefox at all. It also seems not to affect mobile devices, on any browser.

Expected Behavior

Display number input arrows should not be displayed - we have the +/- buttons for that 👍

Actual Behaviour

Display number input arrows should not be displayed, between the +/- buttons.

Steps to Reproduce

1. Visit any shop
2. Add/remove items
3. Notice the display number input arrows

Animated Gif/Screenshot

On Desktop:

- Chrome

- Firefox (not visible - OK)

- Safari

Workaround

Not interferring with function; just not good-looking.

Severity

I guess an bug-s4, but pretty widespread and affecting shopfront...

Your Environment

• Version used: verified in v3.6.2 (probably pre-existing)

Possible Fix

[gucci-ninja]

Hey I can work on this one, if that's cool

[filipefurtad0]

Hey @gucci-ninja, welcome! 🎉

Sure, I've assigned you to the issue.
Feel free to drop us a line if you have any questions.