Menu not changing

[bogdan-nourescu]

If you click on the gap between the <a> element and the <paper-item>, the selected element change, but the section doesn't change.
A quick fix is to make the <a> tag be as high as the <paper-item> element

[dcharkes]

I noticed the same thing.

Actually the quick fix does not work for me, as the paper-item will grow too.

Does the paper-item not expect to have a link inside? The demo has the same issue.

[bogdan-nourescu]

I actually added a class to each button "nopadding" and the following css (basically moving the padding from the paper-item to the "a" tag):

paper-item.nopadding::shadow .button-content{
        padding:0;
    }
    paper-item.nopadding>a{
        padding: 0.8em 0.3em;
    }

[dcharkes]

That works like a charm, I actually moved it up till the menu-item.

  core-menu.fixlinkpadding paper-item::shadow .button-content{
    padding:0;
  }
  core-menu.fixlinkpadding paper-item>a{
    padding: 0.8em 0.3em;
  }