fix(ripple): multiple touches causing ripples to start from center

asyncliz · copybara-github · commit cef1b740ee0a · 2024-01-08T12:17:43.000-08:00
Fix is pretty simple, we weren't clearing out the first pointerdown event, and subsequent ones were ignored since the `pointerId` changes with each touch. Fixes #5349 PiperOrigin-RevId: 596668539
diff --git a/ripple/internal/ripple.ts b/ripple/internal/ripple.ts
@@ -374,6 +374,7 @@ export class Ripple extends LitElement implements Attachable {
   }
 
   private async endPressAnimation() {
+    this.rippleStartEvent = undefined;
     this.state = State.INACTIVE;
     const animation = this.growAnimation;
     let pressAnimationPlayState = Infinity;

Original file line number	Diff line number	Diff line change
`@@ -374,6 +374,7 @@ export class Ripple extends LitElement implements Attachable {`
`374`	`374`	`}`
`375`	`375`
`376`	`376`	`private async endPressAnimation() {`
	`377`	`+ this.rippleStartEvent = undefined;`
`377`	`378`	`this.state = State.INACTIVE;`
`378`	`379`	`const animation = this.growAnimation;`
`379`	`380`	`let pressAnimationPlayState = Infinity;`