Skip to content

Ripple effect should provide immediate visual feedback #8488

@danielchalmers

Description

@danielchalmers

Feature request type

Enhance component

Component name

No response

Is your feature request related to a problem?

There is a poor and delayed ripple animation when tapping:

video2.mp4

There is no visual feedback for holding the pointer down:

video1.mp4

Describe the solution you'd like

The ripple animation should start when the pointer is held and end when the pointer is released (with a minimum animation duration of about half a second).

Start ripple effect on pointerdown and end on pointerup as opposed to click (pointer, not mouse, to include touch).

Have you seen this feature anywhere else?

https://mui.com/material-ui/react-button/

video6.mp4
video2.mp4

It should also be able to ripple multiple times concurrently.

Recording.2024-05-03.131205.mp4

Describe alternatives you've considered

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityAccessibility concerns (ARIA, keyboard, focus, screen readers, contrast)enhancementAdds a new feature or enhances existing functionality (not fixing a defect) in the main library

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions