polymer: Cannot bind value to numeric inputs in IE & Edge
<input value="[[numeric_property]]" type="numeric"> results in a blank field in IE11 and Edge.
I’m having trouble getting either IE11 or Edge to perform any databinding on this example jsbin, but I have reproduced the issue in a fresh copy of the seed element.
IE apparently clears numeric input fields whenever it encounters a non-numeric value. My guess is that the data binding mechanism isn’t coercing the value to a number.
About this issue
- Original URL
- State: closed
- Created 9 years ago
- Comments: 25 (6 by maintainers)
@JeremybellEU you’re right that this is an issue with IE. I was hoping to get an idea from @azakus or @sorvell whether there was some way the library could work around this.
Since
value$=can’t be used for two-way binding, it’s a big disadvantage here, and if we’re not careful risks creating a long-running confusion about whether it’s necessary. In every other use case, usingvalue$=is wrong.If we can’t fix this in the library in the near term, I think we should add a note to the “binding to native inputs” section, mentioning the limitation on typed inputs on IE, and giving both workarounds (use
value$=or use<iron-input>).