бумага тень срывает желательно расположение

Question

Рассмотрим следующую разметку:

<custom-element horizontal layout> 
    <div>Some text here</div> 
    <div flex><i>space</i></div> 
    <paper-toggle-button></paper-toggle-button> 
</custom-element> 

Где custom-element объявлен как это:

<polymer-element name="custom-element" noscript> 
    <template> 
     <paper-shadow z="1"> 
      <content flex></content> 
     </paper-shadow> 
    </template> 
</polymer-element> 

Средний div с атрибутом flex должен заполнить все доступное пространство , но нет, если присутствует paper-shadow. Вот сравнение (вершина с paper-shadow):

Почему это происходит?

Answer 1

я понял, решение, печатая ответ, так вот она:

<polymer-element name="custom-element" noscript> 
    <template> 
     <paper-shadow flex horizontal layout z="1"> 
      <content flex></content> 
     </paper-shadow> 
    </template> 
</polymer-element>