Отображение элемента бумаги рядом друг с другом (Внутреннее меню бумаги, Внутренняя кнопка меню бумаги)

Question

В моем коде есть кнопка меню бумаги, которая выглядит следующим образом:

<paper-menu-button style="position:absolute; right:0; bottom:0" vertical-align="bottom" horizontal-align="right">
    <paper-button icon="expand-more" class="dropdown-trigger" style="background-color:#00A9FE; top:2px" raised>
        <span>Send</span>
        <iron-icon icon="expand-more"></iron-icon>
    </paper-button>

    <paper-menu class="dropdown-content">
        <paper-item on-click="_setPriority">Urgent</paper-item>
        <paper-item on-click="_setHigh">High</paper-item>
        <paper-item on-click="_setMedium">Medium</paper-item>
        <paper-item on-click="_setLow">Low</paper-item>
    </paper-menu>
</paper-menu-button>

Когда пользователь входит в систему, список отображается правильно, например:

Однако, когда пользователь не вошел в систему, список отображается следующим образом:

Эта функция находится на кнопке справки, которая должна быть доступна независимо от того, вошел ли пользователь в систему или нет.

Нет предупреждений и ошибок в консоли при загрузке этого элемента. Код не отличается, когда пользователь вошел в систему или нет. Стили для этого элемента ничем не отличаются от того, когда пользователь вошел в систему или нет.

Кто-нибудь сталкивался с этой проблемой раньше? Кто-нибудь знает, почему это произошло?

Answer 1

Мне не хватало импорта до paper-menu и paper-item.

Они должны быть включены в страницу, которая загружается, когда пользователь входит в систему, поэтому он работал с пользователем, вошедшим в систему, но не когда пользователь не вошел в систему.

Я также предположил, что импорт paper-menu-button будет импортировать paper-menu и paper-item.