<iron-label> 没有将点击转发给 <paper-radio-button>

Question

<div class="center horizontal layout">
      <iron-label>
        paper radio button
        <paper-radio-button noink iron-label-target>Radio</paper-radio-button>
      </iron-label>
</div>

点击文本 paper radio button 不会将点击转发到单选按钮，但 documentation 表示：iron-label 上的所有点击都将转发到 "target" 元素。

Answer 1

它在我的 JS Bin 中工作。

<!doctype html>
<html>

<head>
  <meta name="description" content="">
  <meta charset="utf-8">
  <base href="http://polygit.org/components/">
  <script href="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link href="polymer/polymer.html" rel="import">
  <link href="iron-label/iron-label.html" rel="import">
  <link href="paper-radio-button/paper-radio-button.html" rel="import">
</head>

<body>
  <dom-module id="my-el">
    <template>
      <iron-label>
        clicking here should forward tap to paper-radio-button
        <paper-radio-button noink iron-label-target on-tap="radioButtonTapped">Radio</paper-radio-button>
      </iron-label>
    </template>
    <script>
      Polymer({
        is: 'my-el',
        radioButtonTapped: function (e) {
          console.log('tap');
        }
      });
    </script>
  </dom-module>
  <my-el></my-el>
</body>

</html>

https://jsbin.com/juzewi/edit?html,console,output

<iron-label> 没有将点击转发给 <paper-radio-button>

<iron-label> not forwarding taps to <paper-radio-button>

polymer

paper-elements

iron-elements