1232233 - input type=number should be focused when clicking on its up/down arrows

Status: RESOLVED DUPLICATE of bug 1012818

(Core :: Layout: Form Controls, defect)

Description

[carlos.vicient]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:42.0) Gecko/20100101 Firefox/42.0
Build ID: 20151029151421

Steps to reproduce:

Here is a plunker to reproduce the issue: http://plnkr.co/edit/9KiAuCIqJ5orhg5cTOLd?p=preview

The problem is related with focus and blur events. When clicking on the arrows inside the input number, the focus event is not fired. Neither the blur event when clicking outside the arrows. 

Also, you can find a stackoverflow about this: http://stackoverflow.com/questions/34176344/ng-blur-dont-fire-event-on-firefox-with-input-number




Actual results:

The events focus and blur are not fired


Expected results:

I think what Firefox should do is to focus the input when the arrows are clicked and unfocus/blur when click outside the input (like other browsers do).

Comment 1

[Ashickur Rahman]

I have checked the plunker in latest Firefox 42 and Firefox Developer Edition 44. In both case the event is Fired. But when I click the arrow in the box, cursor didn't focus in the box. Is this what you mean?

Comment 2

[Sander]

Firefox 42 (on latest Ubuntu) here, I can confirm the focus event is not fired if you click the up/down arrows on the input. In other browsers (Chrome/Opera tested) the field gets focus if you click the arrow buttons.

Related: https://bugzilla.mozilla.org/show_bug.cgi?id=1012818