DEV/material-components_material-web
1
0
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2026-01-09 07:21:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(list): show pointer cursor for button list items

Browse Source 
Fixes #5045

PiperOrigin-RevId: 570501994
This commit is contained in:
Elizabeth Mitchell 2023-10-03 14:43:11 -07:00 committed by Copybara-Service
parent d6f7220f0b
commit 16480d0e5d
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
list/internal/listitem/_list-item.scss
View File

@ -48,6 +48,10 @@
);
}
:host(:is([type='button']:not([disabled]), [type='link'])) {
cursor: pointer;
}
md-focus-ring {
z-index: 1;
@ -64,6 +68,7 @@
// Resets. These can be removed once we're no longer use these tags
background: none;
border: none;
cursor: inherit;
padding: 0;
margin: 0;
text-align: unset;

2
list/internal/listitem/list-item.ts
View File

@ -45,7 +45,7 @@ export class ListItemEl extends LitElement implements ListItem {
* Sets the behavior of the list item, defaults to "text". Change to "link" or
* "button" for interactive items.
*/
@property() type: ListItemType = 'text';
@property({reflect: true}) type: ListItemType = 'text';
/**
* READONLY. Sets the `md-list-item` attribute on the element.