1009007 - Quantity selector field incorrectly displayed

Status: RESOLVED DUPLICATE of bug 1007386

(Firefox :: Untriaged, defect)

Description

[[e-mail]]

Attachment: quantityBug.JPG

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:29.0) Gecko/20100101 Firefox/29.0 (Beta/Release)
Build ID: 20140506152807

Steps to reproduce:

1. go to: 

http://www.acdctv.co.uk/shop/12-volt-televisions/22-12v-avtex-l216drs-22-inch-12-volt-tv-with-built-in-hd-satellite-tuner/ (or any page with a quantity selector)

2. Look at the quantity selector


Actual results:

The quantity selector is displaying incorrectly. The (editable) number field is showing with up & down arrows which obscure the number. 


Expected results:

The quantity selector should not show up & down arrows as - & + buttons are already provided and the arrow obscure the . The issue was not present in previous versions of FF and is not present in Chrome, IE, Safari etc.

Comment 1

[:Gijs (he/him)]

This is because the woo commerce framework uses input type="number", and then hides the arrows in webkit browsers. The input having arrows is by design, and the problem lies with the woo commerce framework not having hidden the arrows there, too. There are some more details and a temporary fix/workaround in bug 1007386.

If you have technical contacts with the people who make this framework, it would be great if you could make them aware of this issue.

Comment 2

[[e-mail]]

Great. Thanks very much. I will pass this on to Woocommerce devs