[1.0] Changes in appendChild from 0.9 to 1.0?

[madoublet]

After moving from 0.9 to 1.0, I noticed that all my components that rely on appending content to the light DOM have stopped working. I did not see any breaking changes related to this. Was I doing something wrong from the start or is this a bug?

Below is an example of what I am talking about. The below code does not work for me.

<dom-module id="respond-content">
  <template></template>
</dom-module>

<script>
  Polymer({
        is: "respond-content",

        // element attributes
        properties: {
            url: { type: String },
            contentid: { type: String },
            cssclass: { type: String }
        },

        // attached
        attached: function() {

            var toLight = document.createElement('div');
            toLight.innerHTML = '<h1>This worked in Polymer 0.9</h1>';
            Polymer.dom(this).appendChild(toLight);

        }

    });
</script>

[arthurevans]

Here you're creating a local DOM tree with nothing in it (by including the empty <template>). If you include a local DOM tree, it gets rendered in place of the children.

To render light DOM children (or "project" them into the local DOM), add an insertion point in local DOM by adding a <content> tag:

<template>
  <content></content>
</template>

I believe you were seeing the children render before because of a bug in 0.9.

[kevinpschaaf]

Correct, this was a bug in 0.9 that was fixed. As @arthurevans mentioned you were missing a <content> insertion point in your template. Closing.

[madoublet]

Perfect. Thank you, this fixed my issue.