[Layout] loosing "rmd-utils--mouse" class on BODY when temporary navigation tree is closed
daniel-rodrigue opened this issue · 0 comments
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
- Build a page with Layout and a Table
- Use the mouse over the table to see the "hover" highlighting
- Click on the hamburger menu to display the navigation tree
- Dismiss the nav tree by clicking anywhere
- Notice the hover behavior of the Table is not working anymore
- 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.
Screenshots
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):
N/A
Additional context
As explained above, the "rmd-utils--mouse" on BODY element should have not been removed.