Remove the link in this component. The parent has to do the navigation.

Author: Thomas Hourlier

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "wid-drawer-menu",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "authors": [
     "Thomas Hourlier"
   ],

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wid-drawer-menu",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "authors": [
     "Thomas Hourlier <hourliert@gmail.com>"
   ],

wid-drawer-menu.html

@@ -18,8 +18,8 @@
 
 Example:
 
-    <wid-drawer-menu 
-      current-route="[[route]]" 
+    <wid-drawer-menu
+      current-route="[[route]]"
       menu-items="[[menuItems]]">
     </wid-drawer-menu>
 
@@ -47,12 +47,10 @@
     <paper-menu class="list" attr-for-selected="data-route" selected="[[currentRoute]]">
       <template is="dom-repeat" items="[[menuItems]]">
 
-        <a href$="[[item.route]]" data-route$="[[item.route]]">
-          <paper-item>
-            <iron-icon icon="[[item.icon]]"></iron-icon>
-            <span>[[item.title]]</span>
-          </paper-item>
-        </a>
+        <paper-item data-route$="[[item.route]]" on-tap="_onTap">
+          <iron-icon icon="[[item.icon]]"></iron-icon>
+          <span>[[item.title]]</span>
+        </paper-item>
 
       </template>
     </paper-menu>
@@ -87,6 +85,10 @@
       currentRoute: {
         type: String
       }
+    },
+
+    _onTap: function (e) {
+      this.fire('drawer-menu-tap', e.model.item);
     }
   });