menu in paper-menu-button inside core-list is covered by the next button

[lext-7]

I put a paper-menu-button inside a core-list. When I click the button, the menu popuped is paritially covered by the next button and some text in the next item I change the z-index property of the paper-menu-button, but it doesn't work. The items in core-list are set position:absolute.

How to deal with it ?

[morethanreal]

Do you have a live example showing the problem?

You may have an element after the paper-menu-button with a higher stacking order. Using a <paper-dropdown layered> should help if this is the case.

[lext-7]

    <core-list data="{{data}}" id="list">
            <template>
                <div class="item" layout horizontal >

                    <paper-menu-button >
                        <paper-icon-button icon="more-vert"></paper-icon-button>
                        <paper-dropdown class="dropdown" halign="right">
                            <core-menu class="menu">
                                <paper-item class="edit">one</paper-item>
                                <paper-item class="delete">two</paper-item>
                            </core-menu>
                        </paper-dropdown>
                    </paper-menu-button>
                </div>
            </template>
        </core-list>

[Ortham]

I have a PR open for this: #50. It's also the same thing as #46, as far as I see.