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

v2.35.1 makes harder to debug menus #180

Open
AngelBS opened this issue Apr 10, 2023 · 1 comment
Open

v2.35.1 makes harder to debug menus #180

AngelBS opened this issue Apr 10, 2023 · 1 comment
Labels
bug Something isn't working

Comments

@AngelBS
Copy link

AngelBS commented Apr 10, 2023

Describe the bug
when building a store's menu, you just need to style it, with old versions you can just open your developer tools and select items to inspect but with the latest release v2.35.1 you can't anymore, i know this was a "bug" to solve but now it's harder to debug styles on the menus

To Reproduce
Steps to reproduce the behavior:

  1. Create a menu and a submenu
  2. Add some classes on the submenu items
  3. Now try to inspect any element on the submenu and the element containing all the submenu links will disappear from the DOM due to the behavior solved on the commit "51fe4d9"

Expected behavior
Don't know, maybe a development flag via JSON file to disable the "Deactivate item when is not open or hovered
" behavior to make it easy to style menus

Screenshots
You can replicate on any environment

Desktop environment:

System:
OS: macOS 13.2.1
CPU: (8) arm64 Apple M1
Memory: 120.77 MB / 8.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node
Yarn: 1.22.15 - ~/.nvm/versions/node/v16.15.0/bin/yarn
npm: 9.2.0 - ~/.nvm/versions/node/v16.15.0/bin/npm
Browsers:
Chrome: 112.0.5615.49
Firefox: 105.0.2
Safari: 16.3

Additional context
You can test on any vtex store where menu app is used, some examples below:
https://www.klyns.mx/
https://www.almacenhercules.mx/

@AngelBS AngelBS added the bug Something isn't working label Apr 10, 2023
@AngelBS
Copy link
Author

AngelBS commented Apr 10, 2023

Nevermind, you just need to use the browser's devtools on responsive mode to be able to "evade" the hover validation on the last release

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant