Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Paper-menu-button dropdown content does not disappear when clicking a paper-menu item #115

Open
4 tasks done
shahanstudios opened this issue Feb 21, 2017 · 4 comments
Open
4 tasks done

Paper-menu-button dropdown content does not disappear when clicking a paper-menu item #115

shahanstudios opened this issue Feb 21, 2017 · 4 comments

Comments

@shahanstudios
Copy link

Description

If you use a paper-menu-button to open a related popup, then select a menu-item inside of a paper-menu, the popup does not disappear.
This happens independently of whether the paper-menu-button resides inside of a paper-menu structure or if the button is outside of the paper-menu structure.

Expected outcome

The popup should disappear after clicking a menu item.

Actual outcome

The popup does not disappear after clicking a menu item.

Live Demo

http://jsbin.com/heliyay/edit?html,output

Steps to reproduce

  1. Run the live demo
  2. Open the menu
  3. Click the menu icon button
  4. Note that the popup is displayed
  5. Click any menu item
  6. Note that the popup is still displayed
  7. Click anywhere else other than a menu item.
  8. Note that the popup has disappeared.

Browsers Affected

  • Chrome
  • Firefox
  • Safari 9
  • IE 11
@rene-lindner-isw
Copy link

rene-lindner-isw commented Apr 5, 2017 •
edited
Loading

Got the same issue. But it looks like this is fixed in the 2.0 preview.

@terrywarwar
Copy link

I'm getting a similar issue with 2.0-preview when paper-menu-button is inside a dom-repeat. The menu doesn't close when item is selected.

@terrywarwar
Copy link

Just tried it without a dom-repeat and still doesn't close.

<html>
<head>
  <meta charset="utf-8">
  <title>Menu Test</title>

  <meta name="viewport" content="width=device-width, initial-scale=1">
      <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link href="bower_components/paper-menu-button/paper-menu-button.html" rel="import">
   <link href="bower_components/paper-item/paper-item.html" rel="import">
   <link href="bower_components/iron-icons/iron-icons.html" rel="import">
   <link href="bower_components/paper-icon-button/paper-icon-button.html" rel="import">
   <link rel="import" href="bower_components/neon-animation/web-animations.html">
</head>
<body>
    <paper-menu-button close-on-activate>
  <paper-icon-button icon="menu" slot="dropdown-trigger"></paper-icon-button>
  <paper-listbox slot="dropdown-content">
    <paper-item>Share</paper-item>
    <paper-item>Settings</paper-item>
    <paper-item>Help</paper-item>
  </paper-listbox>
</paper-menu-button>
 
</body>
</html>```

@leonoverweel
Copy link

Any progress on this? I'm getting the issue too.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@terrywarwar @leonoverweel @rene-lindner-isw @shahanstudios