polymer - Polymer 1.x: paper-dialog 内の paper-tab が機能しない

Question

これがプランクです。

私の目標は、内にpaper-tabs+iron-pagesパターンを実装することpaper-dialogです。

2 番目のタブをクリックすると、タブ付きペインのコンテンツ ヘッダーに "Page 2" と表示され、その後に Lorem Ipsum のテキストが表示されるはずです。ただし、代わりに、2 番目のタブ付きペイン内にはコンテンツがありません。

私は何が欠けていますか？

http://plnkr.co/edit/wyk9jb8cD4nufYQMI3L8?p=preview

<link href="tab-a.html" rel="import">
<link href="tab-b.html" rel="import">

<base href="https://polygit.org/polymer+:master/iron-data-table+Saulis+:master/components/">
<link rel="import" href="polymer/polymer.html">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>

<link rel="import" href="paper-dialog/paper-dialog.html">
<link rel="import" href="paper-tabs/paper-tabs.html">
<link rel="import" href="iron-pages/iron-pages.html">

<dom-module id="content-el">
    <template>
        <style></style>

    <button on-tap="open">Open Dialog</button>

    <paper-dialog id="dialog" modal>
      <h2>Dialog Title</h2>

      <paper-tabs selected="{{selected}}">
        <paper-tab>Tab 1</paper-tab>
        <paper-tab>Tab 2</paper-tab>
      </paper-tabs>

      <iron-pages selected="{{selected}}">
        <tab-a></tab-a>
        <tab-b></tab-b>
      </iron-pages>

    </paper-dialog>

    </template>

  <script>
    (function() {
      'use strict';
      Polymer({
        is: 'content-el',
        open: function() {
          this.$.dialog.open();
        },
      });
        })();
  </script>
</dom-module>