폴리머 플렉스 스팬이 작동하지 않습니다.

폴리머 튜토리얼 here을 따르려고했지만 아이콘 부분이 작동하지 않습니다.폴리머 플렉스 스팬이 작동하지 않습니다.

관련 코드는

<body class="fullbleed vertical layout"> 
    <paper-header-panel class="flex"> 
    <paper-toolbar> 
     <div>Header</div> 
     <span class="flex"></span> 
     <paper-icon-button icon="search"></paper-icon-button> 
    </paper-toolbar> 
    <div>Content</div> 
    </paper-header-panel> 
</body>

중간에 굴곡 범위는 모든 방법을 오른쪽에있는 검색 아이콘을 추진하기로되어있다,하지만 나를 위해 전혀 작동하지 않습니다. 아이콘은 내가 우분투에 크롬 52을 사용하고이

같은 텍스트 후 즉시 나타납니다. 내 문제에서 찾을 수있는 가장 가까운 질문은 this이지만 스팬이 Firefox 35에서 작동한다는보고가 있습니다.

내 수입은 여기에 있습니다. 다른 용지 구성 요소에 대한 추가 수입이 있습니다. 그러나 중요하지 않습니다.

<link rel="import" href="../../bower_components/polymer/polymer.html"> 
<link rel="import" href="../../bower_components/paper-card/paper-card.html"> 
<link rel="import" href="../../bower_components/paper-listbox/paper-listbox.html"> 
<link rel="import" href="../../bower_components/paper-item/paper-item.html"> 
<link rel="import" href="../../bower_components/paper-drawer-panel/paper-drawer-panel.html"> 
<link rel="import" href="../../bower_components/paper-header-panel/paper-header-panel.html"> 
<link rel="import" href="../../bower_components/paper-toolbar/paper-toolbar.html"> 
<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html"> 
<link rel="import" href="../../bower_components/iron-icons/iron-icons.html"> 
<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">

출처

2016-10-06 Antimony

당신은 당신의 완전한 템플릿을 표시되지 않는

(. 당신의 CSS에서 @apply 사용하기보다는) 폴리머는 최근 클래스 처리 방법 변경주의하십시오, 그러나 스타일 태그는 대한 포함을 가져야한다 당신이 원하는 철 플렉스 비트. 이 문서 전체를 여기서 반복하지 말고,이 문서의 시작 부분에 있습니다.

https://elements.polymer-project.org/guides/flex-layout

하지만 당신은 레이아웃

<link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout-classes.html"> 보다는 클래스를 가져 와서 해당 당신의 스타일 시트에 <style include="iron-flex iron-flex-alignment">

출처

2016-10-06 17:10:25 akc42

감사, 수입 철 - 플렉스 - 레이아웃 클래스가 포함 사용해야합니다 스타일을 추가하면 내 템플릿 내부에 모든 것이 고정됩니다. – Antimony

폴리머 플렉스 스팬이 작동하지 않습니다.

답변

관련 문제