Skip to content

md-radio-button ripple effect #1449

@joshterrill

Description

@joshterrill

Bug, feature request, or proposal:

Bug

What is the expected behavior?

When you click a radio button, the ripple ripples and then you see it checked.

What is the current behavior?

When you click a radio button, it freezes at the beginning of the ripple and a yellow outlined circle is around it.

What are the steps to reproduce?

Plunkr: http://plnkr.co/edit/Psw6jjHvIHhWJRj6COfq?p=preview

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

So it works the way it's supposed to!

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

Angular version: 2.0.2
Material version: 2.0.0-alpha.9-3
OS: Mac OSX El Capitan
Browser: Chrome Version 53.0.2785.143 (64-bit)

Is there anything else we should know?

The material 1 radio button works as expected in the same browser and OS: https://material.angularjs.org/latest/demo/radioButton

Here's a screenshot of what it looks like on first click:

Imgur

Then once you click off of it or focus something else, it unfreezes the ripple effect.

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions