2016-04-06 3 views
1

私は紙のタブのポリマープロジェクトでは、そのような一連のためのスクロール機能を実装しようとしています:私のコードがあることもかかわらず紙・タブのサイズ再調整スクロール持つにもかかわらず=真

<paper-tabs selected = "{{selectedtab}}" scrollable> 
    <paper-tab>Page 0</paper-tab> 
    <paper-tab>Page 1</paper-tab> 
    <paper-tab>Page 2</paper-tab> 
</paper-tabs> 

scrollable example in the official Polymer documentationと同じですが、私のために働いていません。私はそれをテストするために、より紙のタブ要素を、コピー&ペーストすると、それは新しいものに対応するために、すべての紙のタブのサイズを縮小し

  1. :ここで何が起こっているかです。 paper-tabs要素の左右に表示されるはずの矢印は表示されません。

  2. スクロール可能にすると、元の3つの用紙タブは、画面の全幅を覆う代わりに収縮します。私は幅を設定しようとした:それぞれの紙タブの170pxが、スクロール可能にする前に効果を再現していない。

すべての要素の幅を同じにして画面の幅全体をカバーするにはどうすればよいですか?つまり、追加の用紙タブを追加するときに再調整を避けるにはどうすればよいですか?

答えて

0

これはdesignであるように思わ:

trueの場合、タブがスクロール可能であり、タブ幅が 幅のラベルに基づいています

問題はscrollableはのスタイルを変更するということですtabsContent divなので、タブはたわみません。
現在の回避策は、タブが使用可能な領域に収まるかどうかを測定し、scrollable属性が設定されていない場合を測定することです。

issue trackerで問題を作成することもできます。

関連する問題