[X] Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was
16
Description
When using a Button Icon as matListItemMeta in a two-line MatListItem, the icon is not properly centered within the button. This misalignment appears to be caused by the display: inline-block; property in the .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before selector.
Is this a regression?
The previous version in which this bug was not present was
16
Description
When using a Button Icon as
matListItemMeta
in a two-lineMatListItem
, the icon is not properly centered within the button. This misalignment appears to be caused by thedisplay: inline-block;
property in the.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before
selector.Reproduction
StackBlitz link: https://stackblitz.com/edit/jytzjx?file=src%2Fexample%2Flist-overview-example.html
Expected Behavior
The Button Icon should be vertically and horizontally centered within the button in a two-line
MatListItem
.Actual Behavior
The Button Icon is not centered within the button, leading to a misalignment in the UI.
Environment