核心菜单中的聚合物核心 - 子菜单对齐

Question

我有core-menu paper-item和core-submenu。 core-submenu比paper-item更左边对齐，我不确定我是否做错了。这是我用来生成菜单的代码：

<core-menu
  valueattr="hash"
  selected="{{ route }}"
  selectedModel="{{ selectedPage }}">

  <template repeat="{{ menu }}">
    <template if="{{ submenu }}">
      <paper-submenu
        label="{{ name }}"
        icon="{{ icon }}"
        valueattr="hash"
        selected="{{ route }}"
        selectedModel="{{ selectedPage }}">

        <template repeat="{{ submenu }}">
          <paper-item hash="#{{ path }}" label="{{ name }}">
            <a href="#{{ path }}"></a>
          </paper-item>
        </template>
      </paper-submenu>
    </template>
    <template if="{{ !submenu }}">
      <paper-item hash="#{{ path }}" label="{{ name }}" icon="{{ icon }}">
        <a href="#{{ path }}"></a>
      </paper-item>
    </template>
  </template>
</core-menu>

我错过了什么吗？我可以在更多时间内弄明白，但时间至关重要。

修改

根据IRC会议室，core-submenu在我使用core-item时使用paper-item。所以，我做了一些复制粘贴和替换以创建使用paper-submenu的{​​{1}}，它看起来是正确的，但它的行为并不像我期望的那样。这就像物品和子菜单并不意味着串联使用。同样，我不确定这是否是一个连接问题，或者我是否做错了。

修改

更新代码。仍然有奇怪的问题。