Code blocks can become misaligned when moving a set of blocks with a "break out of loop" attached to it out of a loop

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Navigate to the Blockly Demo: Toolbox 
(https://blockly-demo.appspot.com/static/demos/toolbox/index.html)
2. Select "Loops" from the left menu
3. Click and drag a "Repeat 10 times" loop into the workspace
4. Select "Library" > "Jabberwocky" from the left menu
5. Click and drag the group of 4 "print" block into the workspace and connect 
it inside the loop
7. Select "Loops" again from the left menu
8. Click and drag the "break out" loop into the canvas and connect it under the 
group of 4 "print" blocks
9. Click and drag the top "print" block out of the "while" loop (dragging the 
top block also drags all the attached blocks beneath it)
10. Observe the "print" blocks and "break out" loop become misaligned

What is the expected output? 
Code blocks should remain aligned when dragging a code block around that 
contains a "break out" of loop.
What do you see instead?
Code blocks become misaligned when moving a set of blocks with a "break out of 
loop" attached to it out of a loop.

What browser are you using?
Chrome Version 40.0.2214.111 m; Firefox 35.0.1

Please provide any additional information below.
The warning symbol (the triangle with the "!" in it) that appears when dragging 
the "break out" loop out of loop seems to be the cause of the misalignment.

Original issue reported on code.google.com by intific....@gmail.com on 11 Feb 2015 at 7:24

Attachments:

• blockly-bug01.png