Comments (1)
This happens only with Polymer 2.x, with native Shadow DOM, at least that's what I could reproduce using dom-repeat
.
Looks like a race condition between debounced callbacks - the dom-repeat
callback to stamp the content is executed after the iron-form
one to save the default values.
This can be fixed by forcing the stamping with Polymer.dom.flush()
(uncomment the line on attached)
<x-element></x-element>
<dom-module id="x-element">
<template>
<iron-form id="form">
<form>
<template is="dom-repeat" items="[[values]]">
<paper-input name="inpo" required value="{{item.name}}"></paper-input>
</template>
<form>
</iron-form>
<paper-button on-tap="_reset">Reset</paper-button>
</template>
<script>
window.addEventListener('WebComponentsReady', () => {
Polymer({
is: 'x-element',
properties: {
values: {
type: Array,
value: () => new Array({
name: 'huhu'
})
},
},
attached() {
// Uncommend this to fix the issue
// Polymer.dom.flush();
},
_reset() {
this.$.form.reset();
}
});
});
</script>
</dom-module>
from iron-form.
Related Issues (20)
- `content-type` property not available in 2.x HOT 3
- _getValidatableElements returns elements that are not actually validatable
- [2.x] iron-validator-behavior elements included in validation HOT 1
- <iron-form> (version 2.x) reset doesn't clear the error message. HOT 1
- Inputs deeper in the DOM three are not included in validation or serialization. HOT 1
- paper-dropdown-menu does not get reset HOT 2
- Form reset leaves class="checked" on paper-checkboxes HOT 2
- Align reset with validate HOT 1
- Why is iron-ajax created on the spot? I can no longer listen to iron-form's iron-ajax HOT 6
- Writing a decorator for <iron-form>: a timing question
- Reset for dynamically added elements HOT 5
- Reset for elements with dynamic disabled
- [feature request] form elements
- Error during initialization when children contain a comment node HOT 1
- bundling @polymer/polymer and @polymer/iron-form using browserify and babelify HOT 2
- iron-form sends pairs of name-value concatenated in a single string HOT 1
- Chrome Unique-Id Error for #helper in iron-form HOT 1
- Enctype application/json Microsoft Edge
- Lint accuses `databind-with-unknown-property` warning on iron-form HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from iron-form.