How to remove a menu option from a Polymer Paper Menu
<p>I feel like I'm missing something obvious, but have spent most of the day trying to figure this out and failed, so I guess it's time to ask for help.</p>

<p>I've created a short code snippet to highlight the problem.</p>

<p>I'm trying to remove a menu item from a polymer paper-menu. But when I remove it, it gets added back automatically when you select another menu item. What is the correct way of removing menu items?</p>

<p>Thank you!</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;head&gt;
    &lt;base href="https://cdn.rawgit.com/download/polymer-cdn/1.5.0/lib/"&gt;
&lt;script src="webcomponentsjs/webcomponents-lite.min.js"&gt;&lt;/script&gt;
&lt;link rel="import" href="paper-item/paper-item.html"&gt;
&lt;link rel="import" href="iron-collapse/iron-collapse.html"&gt;
&lt;link rel="import" href="paper-menu/paper-menu.html"&gt;
  &lt;/head&gt;
&lt;body&gt;
  &lt;paper-menu&gt;
    &lt;paper-item&gt;One&lt;/paper-item&gt;
    &lt;paper-item&gt;Two&lt;/paper-item&gt;
    &lt;paper-item&gt;Three&lt;/paper-item&gt;
    &lt;paper-item&gt;Four&lt;/paper-item&gt;
  &lt;/paper-menu&gt;
  
  &lt;button onClick="document.querySelector('paper-item').remove();"&gt;Remove first menu item&lt;/button&gt;
&lt;/body&gt;
  &lt;/html&gt;</code></pre>
</div>
</div>
</p>