angular / angular/components

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

オープン
#28,679 コメント 4 件 リアクション 5 件 担当者 0 名 GitHub で見る
area: material/slide-toggle P4
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

### 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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

リンクされた StackBlitz を開き、まず src/example/slide-toggle-overview-example.html から始めます。Chrome でクリック動作を再現し、mat-slide-toggle による disableRipple の使用方法を追跡します。disableRipple を true に設定すると slide-toggle のハンドルの動作に目に見える違いが生じ、回帰が関連するプロジェクトのチェックでカバーされれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
明確に書かれている
初心者へのやさしさ
48/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。