Wondering about the difference between element and symbol drag with draggable

Dear redesign

that thing is that you made a copy of that box Symbol !, different between box and boxcopy is that you create the box symbol, but you did copy boxcopy from box, so that makes boxcopy to shift itself with the left and right you added to the stage, if you added 100px then it will get 100px as a 0px because it is the copy one of the original one, the original one have 0 and 0 px left and top so it will get the first position you mad for it ( 100px top 100px left ) as 0 , 0 position then will add that 100 pix to that, for example if you place your object boxcopy in 200px left and 200px right after you click it will shift to 400px left and 400px right because it will get 200px left and top a base position 0 , 0 and add 200px to that

solution : you have 2 choices

First : create your second symbol as new ( dont copy paste )

Second : put all of your symbol in the 0 , 0 and css them

in your example the css would be :

sym.$("boxCopy").css({"left":"100px", "top":"100px"})

sym.$("box").css({"left":"0px", "top":"0px"})

and all of your symbols (box and boxcopy) should place at 0 left and 0 top

i hop that i could help you to undrestand the problem

Zaxist

yes, you are right, i was wrong about the copy part...

but i'm sure about this:

it will get the first position you mad for it ( 100px top 100px left ) as 0 , 0 position then will add that 100 pix to that

but i dont know why symbol have this shift !!

Zaxist