polymer declarative event doesn't work in lightdom mode

[frankiefu]

When lightdom attribute is set on polymer-element, declarative event doesn't seem to work.

<polymer-element name="x-foo" lightdom>
  <template>
    <div id="bar" on-click="{{clickHandler}}">Click Me and background color should change to red.</div>
  </template>
  <script>
    Polymer('x-foo', {
      clickHandler: function() {
        this.$.bar.style.backgroundColor = 'red';
      }
    });
  </script>
</polymer-element>

<x-foo></x-foo>

Clicking on #bar doesn't invoke clickHandler().

jsbin: http://jsbin.com/UfECAra/1/edit

[forresto]

Duplicated with 0.1.1: http://jsbin.com/itAPuxac/5/edit ... code copied from docs

[ebidel]

Due to this issue, I also had to abandon the lightdom attribute for the site's left nav.
Polymer/old-docs-site@4cb9f79

[forresto]

Looks like this is still broken in 0.1.4: http://jsbin.com/itAPuxac/7/edit

on-click is a pretty foundational thing to be broken for 4 months. What's the story?

[ebidel]

FYI, the lightdom attr will be removed in the next release:
googlearchive/polymer-dev@abac5f0

It was always considered experimental, creating a lot of bugs like this. Should we close this?

[sorvell]

We've eliminated the 'lightdom' attribute on polymer-element. This was done mainly because users found it confusing as the capabilities of a template stamped into ShadowDOM are different from one stamped into light dom.

That said, we think there are use cases for elements putting other elements inside their light dom and we want to allow support for this. Thus, this bug was fixed. The 'lightFromTemplate' method is available as a helper method allowing stamping of a template into light DOM.