Skip to content

Changing list component's disableRipple input does not disable ripple on child mat-list-item #14824

Closed
@swseverance

Description

@swseverance

What is the expected behavior?

Setting disableRipple input of mat-nav-list or mat-action-list should prevent child mat-list-item's from having a ripple effect when they are clicked.

What is the current behavior?

Setting disableRipple of mat-nav-list or mat-action-list does not cause the ripple on child mat-list-item's to be disabled

What are the steps to reproduce?

StackBlitz
The StackBlitz demonstrates the ripple effect on the mat-list-item even after the mat-action-list's disableRipple input is set to true

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

"@angular/material": "7.2.1",
"@angular/cdk": "7.2.1",
"@angular/core": "7.2.0",

Is there anything else we should know?

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions