Property bindings on dynamically created elements via Polymer.Base.create

[43081j]

Description

When creating child elements dynamically like so:

this.$.container.appendChild(this.create('my-element-' + foo, {
    item: this.item
});

Change notification ("two-way binding") is essentially lost. If the parent changes item in some way, the child is never notified and vice versa.

Example:

Here.

If you click either button, the other doesn't receive the new value. Also, the observer in the parent only fires when the button in the parent is clicked, not the child.

This is true in all 1.x versions by the looks of it.

Is this just by design? If so, what is the recommended way of dynamically creating elements like the above? The tag name needs to be computed in my case.

[kaste]

Asked once a week. Close this and follow #3460 instead.

[dfreedm]

Closing for #3460