material-components-web-elm icon indicating copy to clipboard operation
material-components-web-elm copied to clipboard

Published 20 hours ago • verified publisher icon aforemny

Menu in ListItem doesn't overflow the ListItem

Open j340m3 opened this issue 5 years ago • 3 comments

I'm trying to Implement a context menu for my ListItem. But whatever I do, the Menu is only shown partially (only inside the bounds of the ListItem). Ellie : Ellie

j340m3 avatar Oct 16 '20 12:10 j340m3

Here an updated version for 8.0.1: Ellie

j340m3 avatar Nov 02 '21 06:11 j340m3

mdc-deprecated-list-item has the property overflow:hidden, this causes the menu being only visible in the ListItem. And removing the overflow: auto from mcd-menu-surface removes the appearing scrolling wheels. The only thing misbehaving right now are the ripples.

j340m3 avatar Nov 02 '21 08:11 j340m3

If you would add to the style of mdc-deprecated-list-item__ripple overflow:hidden the ripple animation stays inside of each ListItem.

j340m3 avatar Nov 02 '21 08:11 j340m3