title: Autosize the paper-dropdown-menu width
body: <p>I have the following</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;script src='../bower_components/webcomponentsjs/webcomponents-lite.js'&gt;&lt;/script&gt;
      &lt;link rel="import" href="../bower_components/paper-dropdown-menu/paper-dropdown-menu.html"&gt;
      &lt;link rel="import" href="../bower_components/paper-item/paper-item.html"&gt;
      &lt;link rel="import" href="../bower_components/paper-listbox/paper-listbox.html"&gt;
  &lt;/head&gt;
  &lt;body unresolved&gt;
      &lt;dom-module id='base-page'&gt;
          &lt;template&gt;
              &lt;paper-dropdown-menu&gt;
                  &lt;paper-listbox class='dropdown-content' selected='0'&gt;
                      &lt;paper-item&gt;This is a very long text that I have in my paper drop down&lt;/paper-item&gt;
                  &lt;/paper-listbox&gt;
              &lt;/paper-dropdown-menu&gt;
          &lt;/template&gt;
      &lt;/dom-module&gt;
      &lt;script&gt;
          HTMLImports.whenReady(function() {Polymer({ 
              is: 'base-page',
              properties: {
              }
          });});
      &lt;/script&gt;
      &lt;base-page&gt;&lt;/base-page&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>The selected text is "This is a very long text that I have in my paper drop Down", but it gets cut off. Is there a way that I can get the paper-dropdown-menu to autosize the Width?</p>
  
  <p>Placed something here to play with: <a href="http://jsbin.com/dejukufaqe/edit?html,output" rel="nofollow">http://jsbin.com/dejukufaqe/edit?html,output</a></p>
  
  <p>Cheers</p>