this.$ is undefined on attached() with native ShadowDom

[kevinpschaaf]

From @valdrinkoshi on August 26, 2016 22:35

x-1 contains a x-2 in its shadowRoot.
When x-2's attached is invoked, this.$ is undefined (native ShadowDom)

<dom-module id="x-1">
  <template>
    <style>
      :host {
        display: block;
        padding: 10px;
        border: 1px solid;
      }
    </style>
    <x-2>
      <content></content>
      <slot></slot>
    </x-2>
  </template>
  <script>
    Polymer({
      is: 'x-1'
    });
  </script>
</dom-module>


<dom-module id="x-2">
  <template>
    <div id="wrapper">
      <content id="content"></content>
      <slot id="slot"></slot>
    </div>
  </template>
  <script>
    Polymer({
      is: 'x-2',
      attached: function() {
        console.log(this.$);
      }
    });
  </script>
</dom-module>

<x-1>
  <div> hello </div>
</x-1>

Copied from original issue: PolymerLabs/alacarte#96

[kevinpschaaf]

From @valdrinkoshi on August 26, 2016 22:43

@sorvell is this related to https://github.com/PolymerLabs/alacarte/issues/71?

[kevinpschaaf]

From @sorvell on August 26, 2016 23:29

yes

[sorvell]

Will be addressed via #3933.

[kevinpschaaf]

Resolved via #3947