Solo se muestra el primer elemento DOM local con Polymer

He estado jugando con Polymer 1.0 un poco y tengo este archivo HTML básico:

        

Photo {{basePic}} goes here with filters [{{filters}}]

var PhotoView = Polymer({ is: 'photo-view', properties: { basePic: String, filters: { type: Array, value: function() { return []; } } } }); var PhotoOpen = Polymer({ is: 'photo-open', properties: { picture: { type: String, notify: true } } }); var PhotoEditor = Polymer({ is: 'photo-editor', properties: { picture: { type: String, value: 'xyz.jpg' } } });

Ahora, espero que muestre las palabras Photo xyz.jpg goes here with filters [] , seguido del botón que dice Click me to open a photo! . El único problema es que solo se muestra el primer elemento DOM local en photo-editor . Por ejemplo, ahora mismo, solo se muestra la parte de la photo-view . Si coloco la photo-open arriba de la photo-view como:

        ... 

entonces solo el botón muestra, pero no el texto. ¿Qué estoy haciendo mal? He estado revisando los documentos y no veo ningún problema obvio. No hay errores en los devtools de Chrome, tampoco.

Los elementos personalizados deben tener una etiqueta de cierre.

Un elemento void es un elemento cuyo modelo de contenido nunca le permite tener contenido bajo ninguna circunstancia. Los elementos vacíos pueden tener atributos.

La siguiente es una lista completa de los elementos vacíos en HTML:

área, base, br, col, comando, inserción, hr, img, entrada, keygen, enlace, meta, param, fuente, pista, wbr

Esta es la razón por la cual está obteniendo resultados inesperados en su código.