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.

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

Clicking on Material Select triggers a ClickAwayListener. #19681

Closed
2 tasks done
seonkyu94 opened this issue Feb 13, 2020 · 1 comment
Closed
2 tasks done

Clicking on Material Select triggers a ClickAwayListener. #19681

seonkyu94 opened this issue Feb 13, 2020 · 1 comment
Labels
component: ClickAwayListener The React component duplicate This issue or pull request already exists

Comments

@seonkyu94
Copy link

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Hi, I hope you guys are doing well.

I tried to use ClickAwayListener with Select.
Demo code here https://codesandbox.io/s/material-demo-t3y67?fontsize=14&hidenavigation=1&theme=dark
If you click open menu button, then click Select in the Paper that appears will trigger the ClickAwayListener.

Expected Behavior 🤔

I think it should not trigger ClickAwayListener when I click Select, because Select is descendant of ClickAwayListener.

Steps to Reproduce 🕹

Steps:

  1. Go to : https://codesandbox.io/s/material-demo-t3y67?fontsize=14&hidenavigation=1&theme=dark
  2. Click open menu button.
  3. You must see Paper with Select.
  4. Click Select.
  5. Step 4 triggers ClickAwayListener.

Your Environment 🌎

Tech Version
Material-UI v4.7.2
React v16.10.2
Browser Chrome
@oliviertassinari oliviertassinari added the duplicate This issue or pull request already exists label Feb 13, 2020
@oliviertassinari
Copy link
Member

Duplicate of #18586

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: ClickAwayListener The React component duplicate This issue or pull request already exists
Projects
None yet
Development

No branches or pull requests

2 participants