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

[Layout] loosing "rmd-utils--mouse" class on BODY when temporary navigation tree is closed #1322

daniel-rodrigue opened this issue Dec 26, 2021 · 0 comments


Copy link

Describe the bug
When using a Layout component with a temporary navigation tree, the mouse utils is removed after closing the temporary navigation tree. After that, the "hover" effect (for example, with a Table component) is not working anymore.

The workaround is to press any key (e.g. SHIFT) and clicking the mouse again. This will bring back the hover effect.

I noticed that "rmd-utils--mouse" class on BODY element is removed after the temporary navigation tree is dismissed.

To Reproduce

  1. Build a page with Layout and a Table
  2. Use the mouse over the table to see the "hover" highlighting
  3. Click on the hamburger menu to display the navigation tree
  4. Dismiss the nav tree by clicking anywhere
  5. Notice the hover behavior of the Table is not working anymore
  6. Press the SHIFT key (or any) and click again in the table, you will see the hovering effect is back.

Expected behavior
The mouse effects should stay on.

If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: macOS
  • Browsers: chrome, edge, safari & firefox
  • Version: all most recent browsers

Smartphone (please complete the following information):

Additional context
As explained above, the "rmd-utils--mouse" on BODY element should have not been removed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet

No branches or pull requests

2 participants