[Misbehavior of draggable knob while in fixed positioned context]

Sorry for the late response. @OSUblake you are right, nesting fixed elements within such a structure is not the right way and yes, with JS i can change pretty much everything - but in this case its a complex project setup/structure and i dont know the impact if i change the DOM structure. 

 

"Resetting" wrapping elements to position "static" was helpful, thank you everyone!

[Misbehavior of draggable knob while in fixed positioned context]

Thank you for the quick response @GreenSock  and @Rodrigo. The fix (.../16327/Draggable-latest-beta.js) apparently works for a simple nested structure only. I extended the example PEN (

See the Pen rPyGqa by anon (@anon) on CodePen

) by another relative positioned div-element which will again break the mouse-behavior.

 

As i mentioned, the DOM-structure unfortunately cannot be changed - and there are more nested elements until the fixed positioned element comes up.

 

Again, thanks in advance.

[Misbehavior of draggable knob while in fixed positioned context]

Hi there,

 

in one of the projects i am currently working on, i implemented a "Draggable" (nothing special) to provide some kind of knob for the user. 

 

Everything works fine as expected, until the DOM-structure has been changed (unfortunately it has to be that way). The knob now shows some strange behavior. 

 

I forked a PEN (

See the Pen ywpet by GreenSock (@GreenSock) on CodePen

 -> ) to show what i mean and only added some HTML and CSS to build a minimal setup. The problem is, that the mouse is not following the knob-handler as precise as before.

 

Does anyone knows this behavior and has some hint for me?

 

Thanks in advance!

See the Pen yZMLEV by anon (@anon) on CodePen