não é possível obter 100% de altura para trabalhar em elementos de polímero

Estou tentando usar essa técnica

Layout de altura de CSS 100%

preencher a altura da página 100%

Por fim, falha porque o DOM tem tags personalizadas que não respeitam a tag de altura

Exemplo:

Trabalho

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

Quebrado

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

Eu tentei usar

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

mas a página silenciosamente não renderiza nada.

questionAnswers(1)

yourAnswerToTheQuestion