Surya Purohit Surya Purohit - 6 months ago 19
CSS Question

Arrows not working on input type="number"

I used a simple html

<input type="number">


It is showing a text box with up and down arrows but the arrows are not working. The value can be incremented/decremented with arrows on keyboard and mouse scroll, but when I click on any of the arrows, it seems that the down arrow is clicked and the value in the box remains the same. Please suggest what should I do!

Answer

After so much of attempts removing JS CSS n all. Come to know that "ember-view" class was creating the issue. I was using ember and the div in which I was using input type="number" was having class "ember-view". Removing that class makes the textbox work good :). Thanks. Earlier

<div class="ember-view">
<input type="number">
</div>

Now

<div>
<input type="number">
</div>
Comments