no puede obtener una altura del 100% para trabajar en elementos poliméricos

Estoy tratando de usar esta tecnica

CSS 100% de diseño de altura

para llenar la altura de la página 100%

En última instancia, falla porque DOM tiene etiquetas personalizadas que no respetarán la etiqueta de altura

Ejemplo:

Trabajos

<div style="height:100%">
  ok here
  <div style="height:100%">
    <!-- WORKS: takes full browser height -->
  </div>
</div>

Roto

<div style="height:100%">
  ok here
  <my-tag style="height:100%">
    <!-- BROKEN : takes minimal browser height -->
  </my-tag>
</div>

Traté de usar

<polymer-element name="my-tag" extends="div">

pero luego la página en silencio no muestra nada.

Respuestas a la pregunta(1)

Su respuesta a la pregunta