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

BUG: the blue outline (gjs-hovered) is not following its parent during scrolling #3152

Closed
fq-selbach opened this issue Nov 23, 2020 · 3 comments

Comments

@fq-selbach
Copy link

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, the class that handles the mouse-hover outline for elements. Sometimes the blue outline will move relative to its parent 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%;">
...

What is the expected behavior?

The blue outline should always be exactly matching its parent element, no matter if there is an overflow or scrolling.

Are you able to attach screenshots, screencasts or a live demo?

[x ] Yes (attach)
[ ] No

https://jsfiddle.net/vb7r1zns/

@fq-selbach fq-selbach changed the title BUG: BUG: the blue outline during mouse-hover (gjs-hovered) is not following its parent during scrolling Nov 23, 2020
@fq-selbach fq-selbach changed the title BUG: the blue outline during mouse-hover (gjs-hovered) is not following its parent during scrolling BUG: the blue outline (gjs-hovered) is not following its parent during scrolling Nov 23, 2020
@lofcz
Copy link
Contributor

lofcz commented Dec 18, 2020

Would be nice to have this fixed, not the end of the world, but mildly annoying.

@matteocollina
Copy link

any news?

@artf
Copy link
Member

artf commented Aug 2, 2021

I'm closing this one as it was actually already fixed, indeed the old demo is working now properly.
You might still face the issue if your editor is placed in a scrollable container, in that case, use this option please:
https://github.com/artf/grapesjs/blob/dc45604962e4e6a4a075f19d5de67090bac15fa5/src/editor/config/config.js#L157-L163

@artf artf closed this as completed Aug 2, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants