Snaplines renders in the wrong place for a position fixed element and scrollTop != 0

[mhaidamashko]

Environments

• Framework name: None
• Framework version: None
• Moveable Component version: 0.38.1
• Testable Address(optional): https://codesandbox.io/s/bold-marco-05ftpl?file=/src/index.js:1004-1007

Description

I want to position my target as fixed and use a common transform, it works fine until the page is in the highest position(scrollTop = 0) in other scenarios I have guidelines in the wrong position. Do you know how I can manage it? Thanks for your work!

[daybrush]

@mhaidamashko

Use refresh option

elementGuidelines: [{
    element: document.getElementById("box1"),
    refresh: true,
}],

[mhaidamashko]

@daybrush you're right, that's exactly what I need for the elementGuidelines case. However what to do with horizontalGuidelines/verticalGuidelines that are still rendered in the wrong place? Do I have refresh property for them?

Updated example with a refresh option: https://codesandbox.io/s/boring-glade-gn9644?file=/src/index.js:400-418

[daybrush]

@mhaidamashko

• @moveable/helper 0.0.4
• lit-moveable 0.16.0
• moveable 0.39.0
• preact-moveable 0.41.0
• react-compat-moveable 0.27.0
• react-moveable 0.42.0
• svelte-moveable 0.31.0
• vue-moveable 2.0.0-beta.48
• vue3-moveable 0.14.0
• ngx-moveable 0.36.0

moveable's new version is released. Check it again.

[mhaidamashko]

@daybrush Thanks, I've checked it with the new version and the issue is still partly here. Vertical guidelines still follow the scroll(but horizontal is fixed). https://codesandbox.io/s/strange-browser-puu0i9?file=/src/index.js Could you check again, please?

[daybrush]

@mhaidamashko

moveable's new version is released. Check it again.

[mhaidamashko]

@daybrush thanks, it works great!