ok correct my faults - sorry - rethinking my code and getting a more stable slider. Now you can drag the left side over the right one - vice versa.
Here the new codepen.
Again sometimes (rare) things are jumping. -> screenshots from my pen
(click, click drag - heavy tested)
@Jonathan - thanks for pointing me to the svg <defs> problem having changed that. Now it seems there is an other svg failure (Edge IE FF Safari - left and right dragger ok - but where is the range ??) cannot find my fault.
@PointC - your two cents are welcome - please tell me more about looping through and cloning - js code handling for the clones ??
and generallly - can someone tell me something about the "array notation" at the end of the - TR_Draggable creation - lastline -> }); <-
without i get an - Uncaught TypeError: TR_Draggable.applyBounds is not a function - and the draggable parts "breaking apart".
Here it seems i need help understanding GSAP.