The ripple of the paper-radio button persists after changing the selection

Question

Given a paper radio group as shown below

      <paper-radio-group
        id="sex-group"
        selected='1'>
        <paper-radio-button label='Male'></paper-radio-button><br>
        <paper-radio-button label='Female'></paper-radio-button>
      </paper-radio-group>

When the "Male" button is selected and then the "Women" button or vice versa, ripple instability remains on the last selected button, even if the selection changes. This happens in an unpredictable way without a stack trace.

In the figure above, a woman was selected, and then a man.

I am using Polymer-dart 0.12.0-dev and Dart Editor version 1.6.0.dev_03_00 (DEV) Dart SDK version 1.6.0-dev.3.0

Answer 1

http://www.polymer-project.org/docs/elements/paper-elements.html#paper-radio-group selected of <paper-radio-group> name of <paper-radio-button>

, .

<paper-radio-group
  id="sex-group"
  selected='1'>
  <paper-radio-button label='Male' name='1'></paper-radio-button><br>
  <paper-radio-button label='Female' name='2'></paper-radio-button>
</paper-radio-group>

, , event.detail, , ( ). - https://code.google.com/p/dart/issues/detail?id=20648

<paper-radio-group on-change="{{changeHandler}}">
  <paper-radio-button name="sel1" label="Sel 1"><paper-radio-button>
  <paper-radio-button name="sel2" label="Sel 2"><paper-radio-button>
</paper-radio-group>

void changeHandler(Event e) {
  print(e.target.attributes['name']);
}

, selected ,