Polymer 1.0: How do I get this <paper-menu-button> example to work properly?

How does one make the <paper-menu-button> dropdown work properly? Here is a jsBin.

http://jsbin.com/xamixicuna/4/edit?html,output

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <base href="http://polygit.org/polymer:+v1.1.0/components/">
  <title>JS Bin</title>
  <link rel="import" href="polymer/polymer.html">
  <link rel="import" href="iron-icons/iron-icons.html">
  <link rel="import" href="paper-menu-button/paper-menu-button.html">
  <link rel="import" href="paper-icon-button/paper-icon-button.html">
  <link rel="import" href="paper-menu/paper-menu.html">
  <link rel="import" href="paper-item/paper-item.html">
</head>  
<body>
Click the below menu icon to make the dropdown menu appear.
<br>
<paper-menu-button>
  <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
  <paper-menu class="dropdown-content">
    <paper-item>Share</paper-item>
    <paper-item>Settings</paper-item>
    <paper-item>Help</paper-item>
  </paper-menu>
</paper-menu-button>
</body>
</html>

Solution

added webcomponents, seems to be working: http://jsbin.com/rucejo/2/edit?html,output