Gjs-hovered is not being removed when cursor leaves the layers
I discovered another issue with gjs-hovered. Sometimes the blue outline will move during scrolling. Check out this JsFiddle (and scroll with mouse-wheel): https://jsfiddle.net/vb7r1zns/ It seems to happen only when the HTML code starts with another full width/height DIV:
Read full answer below ↓Question
Version: 0.16.22
Are you able to reproduce the bug from the demo?
[x] Yes [ ] No
What is the expected behavior?
- Hover over body in the layers - body element has the class gjs-hovered and has a blue outline
- Move mouse up and out of the layers
body element should remove gjs-hovered and no longer have a blue outline
What is the current behavior?
Body element keeps the gjs-hovered class and remains hovered
Are you able to attach screenshots, screencasts or a live demo?
[x] Yes (attach) grapesjs hover doesn't go away.zip
Answers (3)
I discovered another issue with gjs-hovered. Sometimes the blue outline will move during scrolling.
Check out this JsFiddle (and scroll with mouse-wheel): https://jsfiddle.net/vb7r1zns/
It seems to happen only when the HTML code starts with another full width/height DIV:
<div id="gjs">
<div style="width: 100%; height: 100%;">
...
Thanks @Davidvlv for the report. The fix will be available in the next release.
@fq-selbach your issue is a bit different, that happens with scrollable inner elements.
Since you closed this I've created a new issue for the related problem: https://github.com/artf/grapesjs/issues/3152
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3152
the blue outline (gjs-hovered) is not following its parent during scrolling
Version: 16.27 Are you able to reproduce the bug from the demo? [x ] Yes [ ] No Describe the bug: I discovered an issue with gjs-hovered, t...
Issue #3731
Text element not able to be selected twice after extended with events
Version: 0.17.25 Are you able to reproduce the bug from the demo?[ ] Yes[x] No What is the expected behavior? Update a existing component o...
Issue #3681
Textable not working with extended text component
Version: 0.17.22 Are you able to reproduce the bug from the demo?[X] Yes[ ] No What is the expected behavior? Should be able to drop a text...
Issue #3352
Default Content is getting Inserted while using setComponents if Tag Body is empty
Version: Latest You can get the version by typing grapesjs.version into the console Are you able to reproduce the bug from the demo?[X] Yes...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.