The li
elements are owned by nav-link
. There is no way to make nav-link
disappear in this setup, so your tree looks like:
<top-nav>
<ul>
<nav-link>
<li>
...
Instead you can make your nav-link
is-a li
(instead of has-a), and resolve this problem.
- make Definition of
nav-link
extendli
<polymer-element name="nav-link" extends="li" attributes="href" noscript>
- use type-extension syntax when making
nav-link
<li is="nav-link" href="#a">A</li>
Here it is all put together: http://jsbin.com/vecil/2/edit