Custom Cursor moves to edge of screen upon interactions

Design help Animations & Interactions
1

Hi everyone!

SOLVED: Problem doesn’t occur in published site, only in designer!

Posted already, but still a problem I cannot solve so posting again, sorry!

I am having a bit of an issue with my custom cursor.
The issue is that whenever there is a clickable element near the edge of the viewport (under approx. 80px from the edge), the custom cursor moves to the nearest edge of the viewport. The mouse underneath is still in the same position, as when you move the custom cursor jumps to the same point again.

It’s a strange bug, but I hope someone can help!
Only code I’m using is:

.cursor-wrapper {pointer-events: none;}

Please let me know if there’s any way around this.

Thank you!
Frazer

Here is my public share link:

2

hi @frazerphrase the best way to get help is to follow basic forum guide rules that are pinned on top of each category section.

If you have miss these here they are.

Interactions Category

Get help with building and crafting interactions in your Webflow sites.

When posting please:

  1. Required: Share your project’s Read-Only link AND live site’s Published link
  • The read-only link is a special url generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link?
  • The published link is the webflow.io subdomain where you can view the live site with custom code running. It is important to share this link, as custom code does not run in the Designer.
  1. Upload as many screen shots/screen cast videos as possible to help others help you faster
  2. Add a description and/or post a link to a working example of what you’re trying to achieve
  3. Reply to users by tagging using the @ sign followed by their forum username like this: @frazerphrase
3

Thank you Stan, have added a read-only link

4

Problem solved itself anyway, thank you nonetheless