angular / angular/components

bug(mat-slide-toggle): disableRipple not causing any visual changes

Offen
#28,679 4 Kommentare 5 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/slide-toggle P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### Is this a regression?

- [X] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

It looks like `disableRipple` was used to prevent the ripple animation (ripple based on where in the touch target you clicked) in the legacy components, but now that doesn't seem to show up anymore. So it seems that setting `disableRipple` isn't causing any difference now.

### Reproduction

StackBlitz link: https://stackblitz.com/edit/aakbph?file=src%2Fexample%2Fslide-toggle-overview-example.html

### Expected Behavior

Setting `disableRipple` to true would cause a visual difference upon clicking the slide toggle handle.

### Actual Behavior

No viusal change

### Environment

- Angular: 17.2.0-rc.0
- CDK/Material: 17.2.0-rc.0
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Öffne den verlinkten StackBlitz und beginne mit src/example/slide-toggle-overview-example.html; reproduziere das Klickverhalten in Chrome und verfolge, wie disableRipple von mat-slide-toggle verwendet wird. Erledigt ist es, wenn das Setzen von disableRipple auf true einen sichtbaren Unterschied im Verhalten des slide-toggle-Handles hervorruft und die Regression durch die relevanten Projektprüfungen abgedeckt ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
48/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.