Полимерная бумага-выпадающее меню

Я пытаюсь с paper-dropdown-menu, Кажется, он работает в Google Chrome, но в Firefox выпадающее меню не появляется. Это совместимо только с браузером Chrome?

1 ответ

Решение

<link rel="import" href="../../bower_components/polymer/polymer.html">

<dom-module id="cc-dropdown">
  <template>
    {{selectedData}}
    <paper-dropdown-menu label="Environment">
      <paper-menu class="dropdown-content" attr-for-selected="value" selected="{{selectedData}}">
        <template is="dom-repeat" items="{{data}}">
          <paper-item value="{{item}}">{{item}}</paper-item>
        </template>
      </paper-menu>
    </paper-dropdown-menu>
  </template>

  <script>
    (function() {
      'use strict';

      Polymer({
        is: 'cc-dropdown',

        properties: {
          data: {
            type: Array,
            value: ["Stage", "Prod"],
            notify: true
          },
          selectedData: {
            type: String,
            value: "Stage",
            notify: true
          }
        }
      });
    })();
  </script>

</dom-module>

Вот тот, который работает для меня

Другие вопросы по тегам