title: How do I setup an on-click event listener on content elements in polymer?
body: <p>I'm using polymer 0.8 which I understand has a new API, but I can't find a reference to this issue anywhere. I'm trying to accomplish this:</p>
  
  <pre><code>&lt;center-focusable&gt;
      &lt;template is="x-autobind"&gt;
          &lt;span on-click="setFocus"&gt;test?&lt;/span&gt;
      &lt;/template&gt;
  &lt;/center-focusable&gt;
  </code></pre>
  
  <p>Which errors out with:</p>
  
  <blockquote>
    <p>[span].[click]: event handler [setFocus] is null in scope ()</p>
  </blockquote>
  
  <p>My element is defined as such:</p>
  
  <pre><code>&lt;dom-module id="center-focusable"&gt;
      &lt;template&gt;
          &lt;span on-click="setFocus"&gt;I work&lt;/span&gt;
          &lt;content&gt;&lt;/content&gt;
      &lt;/template&gt;
  &lt;/dom-module&gt;
  
  &lt;script&gt;
      Polymer({
          is: "center-focusable",
          setFocus: function () {
              console.log("test");
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Is this not possible?</p>