Skip to content

It seems that button press ripple effect stays in Chrome inside Sidenav, but not in Firefox or Safari.  #3332

Closed
@Nikki1993

Description

@Nikki1993

Bug, feature request, or proposal:

Bug

What is the expected behavior?

When the button with ripple effect enabled is pressed, after ripple animation concludes, the effect disappears at the end.

What is the current behavior?

Pressing the button keeps the ripple effect after it ends (when the button is located inside sidenav), making button background gray until unfocused or another button is pressed.

What are the steps to reproduce?

  1. Create new sidenav
  2. Insert a button via inside unordered list
  3. Click the button
  4. See ripple animation get stuck on Chrome but work perfectly fine on Firefox and Safari.

http://plnkr.co/edit/1jNN5lejEuo8VTIk3vsw?p=preview

What is the use-case or motivation for changing an existing behavior?

The unintended behavior I suppose.

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

Latest Angular 2.x branch, Material beta 2

Is there anything else we should know?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions