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

Menubar: The bug where the menuitems don't close when clicking outside the menuitem in mobile mode. #15240

Closed
okjinweigelt opened this issue Apr 9, 2024 · 1 comment
Assignees
Labels
LTS-PORTABLE Issue's fix will be ported to supported LTS versions Type: Bug Issue contains a bug related to a specific component. Something about the component is not working

Comments

@okjinweigelt
Copy link

Describe the bug

For example, look at the primeng documentation, https://primeng.org/menubar#basic menubar basic:

image

In mobile mode (just shrinking the screen), when menuitems are opened, clicking outside the menuitems does not close the menuitems until you click the icon.
image
This bug was not present until version 15, but it appeared starting from version 16.

Environment

window

Reproducer

No response

Angular version

17.1.3

PrimeNG version

17.12.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.16.1

Browser(s)

All

Steps to reproduce the behavior

  1. shrink the screen so that only the icon of the menu bar is displayed.
  2. click the icon to expand the menuitems.
  3. click outside the menuitems in this state.

Expected behavior

When clicking outside the menuitem, the menuitem should close.

@okjinweigelt okjinweigelt added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Apr 9, 2024
@mehmetcetin01140 mehmetcetin01140 added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels May 20, 2024
@mehmetcetin01140 mehmetcetin01140 added this to the 17.17.1 milestone May 20, 2024
mehmetcetin01140 added a commit that referenced this issue May 21, 2024
… clicking outside the menuitem in mobile mode
@mehmetcetin01140 mehmetcetin01140 self-assigned this May 21, 2024
@cetincakiroglu cetincakiroglu added the LTS-PORTABLE Issue's fix will be ported to supported LTS versions label May 30, 2024
@cetincakiroglu cetincakiroglu modified the milestones: 17.18.0, 18.Future May 30, 2024
@mehmetcetin01140
Copy link
Contributor

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation. If there is no improvement on this, can you open a new issue so we can include it in our roadmap?

Thanks a lot for your understanding!
Best Regards,

@github-project-automation github-project-automation bot moved this to Done in PrimeNG Dec 16, 2024
@mehmetcetin01140 mehmetcetin01140 removed this from the 19.x milestone Dec 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
LTS-PORTABLE Issue's fix will be ported to supported LTS versions Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

3 participants