Polymer 1,0 бумаги меню кнопки HorizontalAlign и horizontalOffset не работает

Question

У меня есть следующий код:

кнопка

<paper-toolbar id="mainToolbar"> 
    <paper-icon-button id="paperToggle" icon="menu" paper-drawer-toggle></paper-icon-button> 
    <div class="app-name">Dashbord</div> 
    <span class="flex"></span> 
    <paper-menu-button horizontalAlign="right" horizontalOffset="20" verticalAlign="top" verticalOffset="50"> 
     <paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button> 
     <paper-menu class="dropdown-content"> 
      <paper-item>Share</paper-item> 
      <paper-item>Settings</paper-item> 
      <paper-item>Help</paper-item> 
     </paper-menu> 
    </paper-menu-button> 
</paper-toolbar> 

меню работает, как ожидалось, но падение вниз horizontalAlign и horizontalOffset свойства не вступили в силу.

Единственный способ, которым я получил выпадающее меню для работы является жестким кодирование значения в определении элемента:

<iron-dropdown 
    id="dropdown" 
    opened="{{opened}}" 
    horizontal-align="right" 
    vertical-align="top" 
    horizontal-offset="50" 
    vertical-offset="20" 
    open-animation-config="[[openAnimationConfig]]" 
    close-animation-config="[[closeAnimationConfig]]" 
    no-animations="[[noAnimations]]" 
    focus-target="[[_dropdownContent]]"> 
    <paper-material class="dropdown-content"> 
    <content id="content" select=".dropdown-content"></content> 
    </paper-material> 
</iron-dropdown> 

Answer 1

Обратите внимание на разнице между определением horizontalOffset="20" и рабочей один horizontal-offset="50"?

Попробуйте изменить код

<paper-menu-button 
    horizontal-align="right" 
    horizontal-offset="20" 
    vertical-align="top" 
    vertical-offset="50"> 

See property name to attribute name mapping.

Имен атрибутов с черточками преобразуются в верблюжьих имена свойств по заглавному символу после каждого тира, а затем удаление черточки. Например, атрибут first-name сопоставляет firstName.