title: Polymer dropdown list issue
body: <p>I am having huge difficulty to implement simple dropdown list with Polymer 0.5.</p>
  
  <p>I am also parallel migrating from Polymer .5 to 1.0. But that is separate discussion (
  <a href="https://stackoverflow.com/questions/32168348/migrating-polymer-project-5-to-1-0-error">Migrating Polymer project .5 to 1.0 error</a>).</p>
  
  <p>Here is the code I am using to define polymer element inside body:</p>
  
  <pre><code>&lt;polymer-element name="x-trigger" extends="paper-icon-button" relative="" on-tap="{{toggle}}" noink=""&gt;
  &lt;template&gt;
      &lt;shadow&gt;&lt;/shadow&gt;
      &lt;content&gt;&lt;/content&gt;
  &lt;/template&gt;
  &lt;/polymer-element&gt;
  </code></pre>
  
  <p>I am using the element further down the body like this:</p>
  
  <pre><code>&lt;x-trigger icon="menu" relative="" noink="" role="button" tabindex="0" aria-label="menu"&gt;
      &lt;paper-dropdown tabindex="-1" class="core-transition" style="outline: none; display: none;"&gt;
          halign = left
          &lt;br&gt;
          valign = top
      &lt;/paper-dropdown&gt;
  &lt;/x-trigger&gt;
  </code></pre>
  
  <p>I defined following script section in the head section of the page:</p>
  
  <pre><code>&lt;script&gt;
      Polymer('x-trigger', {
          toggle: function () {
              if (!this.dropdown) {
                  this.dropdown = this.querySelector('paper-dropdown');
              }
              this.dropdown &amp;&amp; this.dropdown.toggle();
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>The problem is, I do see the icon button in the page but when ever I click on that button, nothing happens.</p>
  
  <p>Further debugging revealed,</p>
  
  <ol>
  <li>If I open the console debugger in chrome and </li>
  <li>Place break point on Polymer or inside toggle method in the script section</li>
  <li>Do page refresh</li>
  <li>Break point gets hit and drop-down works</li>
  </ol>
  
  <p>I don’t know what is causing the issue</p>
  
  <p><strong>Update</strong>: While debugging i got the following error in the line:
  <code>Polymer('x-trigger', {</code></p>
  
  <blockquote>
    <p>/deep/ combinator is deprecated</p>
  </blockquote>
  
  <p>Does this mean that i have to upgrade to polymer v1 to resolve this issue or is their any workaround for polymer 0.5?</p>