Quicksetter not positioning correctly above mouse

[TDWebDev]

Hi, Not sure if this is an issue with my initialisation or if im doing something wrong elsewhere, 

Essentially i'm trying to enlarge my path to fill the screen on click, But while it's not enlarged moving it should reveal parts of my hero. (As it does currently)

 

If you enlarge the hero and then close it or leave the hero and come back the blob appears to be in the incorrect position?

 

Thanks for any help

See the Pen OJqGQwN by Thomas-Deer-the-animator (@Thomas-Deer-the-animator) on CodePen

[Toso]

I think the problem happens because you are not listening for the scrolling event 

 

I created a quick demo where you listen to leave and enter events on the section and also the  scrolling 

 

See the Pen KKEYodo?editors=0010 by ahmed-attia (@ahmed-attia) on CodePen

 

 

See the Pen wvOZmLx by ahmed-attia (@ahmed-attia) on CodePen

 

 

 

another one with border-radius and mix-blend-mode instead of svg and clipping 

to edit the border-radius  https://9elements.github.io/fancy-border-radius/

 

 

See the Pen BabEPbx?editors=0110 by ahmed-attia (@ahmed-attia) on CodePen

 

 

 

I hope this helps a little, 

 

 

PS: this code was created by (gsap helper 🫡 or Rodrigo 🫡 I can't remember )  he added it as a solution in a different scenario i just added the scale to get closer to your idea 

[TDWebDev]

This is perfect, Had to adjust it a little to get what i required but this is exactly what i needed, Thankyou!