Menu buttons stay selected on Chrome

[btelles]

Just downloaded the v1.1.1, ran:

• npm install,
• bower install,
• gulp
• gulp serve

Navigating to localhost:5000 and clicking on the left-hand menu items changes the page, but leaves the background of the buttons in a seemingly hover state. This happens on both Chrome and Firefox on Ubuntu. Any idea what may be causing this?

Here's a screenshot:

http://s23.postimg.org/awy1lu5p7/click_and_focus.png

Here's the full output from the debugger. Doesn't look like anything's amiss:

Our app is ready to rock! page-compiled.js:17466 settings create new/default page-compiled.js:18125 ui createsettingsprovider start page-compiled.js:18140 ui createsettingsprovider end chrome-extension://ijfnhedakljnjnojgcapmeopkngjlgih/page-compiled.js:18049 ui xul window load chrome-extension://ijfnhedakljnjnojgcapmeopkngjlgih/page-compiled.js:18064 ui xul window load reviewer setup chrome-extension://ijfnhedakljnjnojgcapmeopkngjlgih/page-compiled.js:15506 recorderui update chrome-extension://ijfnhedakljnjnojgcapmeopkngjlgih/page-compiled.js:13154 msgr NoData chrome-extension://ijfnhedakljnjnojgcapmeopkngjlgih/page-compiled.js:13154 msgr ClickToStart chrome-extension://ijfnhedakljnjnojgcapmeopkngjlgih/page-compiled.js:15543 recorderui setbartooltip: ClickToStart chrome-extension://ijfnhedakljnjnojgcapmeopkngjlgih/page-compiled.js:17476 settings get qaMode false chrome-extension://ijfnhedakljnjnojgcapmeopkngjlgih/page-compiled.js:17476 settings get serverNameProd hotshots.corp.google.com chrome-extension://ijfnhedakljnjnojgcapmeopkngjlgih/page-compiled.js:13534 ui baseurisupplierfunction () { [native code] }--hotshots.corp.google.com chrome-extension://ijfnhedakljnjnojgcapmeopkngjlgih/page-compiled.js:13537 reviewpanel loginchecker finished

[btelles]

FWIW, looks like the "a" tag is retaining its pseudo selector "::after" after the mouse gets clicked up...perhaps this is a problem with paper-menu, or another style?

[arthurgubaidullin]

I have the same issue.

[addyosmani]

I'm testing against master and haven't been able to reproduce this issue. Would you mind testing out http://polymerelements.github.io/polymer-starter-kit/? (this is a recent build and similarly doesn't have this issue).

[arthurgubaidullin]

@addyosmani I tested http://polymerelements.github.io/polymer-starter-kit/ and it's not have the bug. This bug reproduced for me only if i use gulp serve on Windows.

[timwangdev]

The same bug here.
seems that opacity:0.12; is not built in paper-menu element ::after style.

[timwangdev]

polymer-starter-kit-light-1.1.1 don't have this bug.

This bug may be caused by gulp serve task

[addyosmani]

Looks like this was indeed a bug. This issue is fixed by googlearchive/paper-menu#62 and we'll get this once a new paper-menu version has been tagged.

[addyosmani]

d0e7430 addresses this problem but we'll want to switch to not having to manually resolve this once a new paper-menu release is made.

[ghost]

@addyosmani is the fix out yet, if not, when will it be?
Just yo polymered a new PSK app, and I'm getting the same thing after gulp serve in Canary:

[ghost]

@addyosmani if not out yet, is there a manual way to resolve this issue?

[btelles]

Easiest solution is to add the following to elements.html:

<link rel="import" href="../bower_components/paper-styles/color.html">