Convert input fields expecting a number to type=number

[jcoliz]

Portfolio value up/down control only moves the number by $1, which seems unhelpful in this context. I suggest $100k as a more realistic increment that users might actually be adjusting their value.

Or for consistency, it could just be removed. It is the only value on the entire page with an up/down control.

[alistair-marshall]

I had never noticed before. When looking on my phone, it doesn't give arrows, but does default to a numeric keypad - which is more usefull.

I think it would be better to convert all the fields that are supposed to be numeric to a similar format (input type="number")

Unforutnatly, looking at the documentation, it looks like if you add a value for step (of say 100k), it does not allow the user to enter any value that is between the steps. So while clicking the up/down buttons would be quicker, the user would no longer be able to enter their real portfolio value.

[jcoliz]

Ok, good point about entering any value, I hadn't understood this consequence when I made the suggestion. Also, good point about type=number. I changed the issue title to reflect this.

[alistair-marshall]

Having said what I did earlier, I found an online tool today that does what we want. The 'Mortgage debt' and 'interest rate' values can be toggled up and down easily, but if the user enters a value between them, it is still accepted.

I haven't spent any time working out how they did it (if they did anything special at all), I just noticed it as I was using the tool. Perhaps the validation is not an issue.

[jcoliz]

It looks like they are using the novalidate attribute on the form tag to accomplish this.

[jcoliz]

Ok, I just tried this. The key for cFIREsim is the ng-step attribute on the input tag.