type="number" prevent text input

[kuenstl]

Description

The iron-input does prevent the user to enter text into the <iron-input> when type="number.

Expected outcome

The iron-input does prevent the user to enter text into the <iron-input> when type="number.

Actual outcome

The iron-input does prevent the user to enter text into the <iron-input> when type="number.

Live Demo

See second example on: webcomponents.org demo page

Steps to reproduce

1. Put a iron-input element in the page.
2. Set type="number" to the iron-input
3. Open the page in a web browser (Firefox or Edge).
4. Enter some text (non-numeric)
5. The iron-input does not prevent the user to enter text (text is displayed - different behavior as in Chrome)

Browsers Affected

• [ ] Chrome
• [x] Firefox 56.0.2 (64-bit)
• [x] Edge
• [x] IE 11

[kuenstl]

• The input element in Chrome prevent by itself non-numeric input when type was set to number.
• The input element in Firefox and IE does not prevent non-numeric input.

Here iron-input-html Line 302, the type and allowedPattern are checked onKeyPress. Both properties are undefined in the demo page of iron-input.