I don't have a definitive answer, but I can speculate. Two possibilities:
1.) You took out the buildings next to the blown gap in the town hall compartment before releasing your additional wallbreakers. In this case, the wallbreakers might have started drawing diagonal lines to the other buildings in that compartment. Timing could have been unlucky; you cleared the first compartment with archers, blew the gap, archers poured in hole and killed the buildings in the town hall compartment next to that hole. Then you launched your second set of wallbreakers and they targeted diagonally.
2.) We've been told that wallbreakers look for the closest enclosed building. To determine which building is closest, the game is obviously computing the distance (either 2-norm Euclidean or maybe 1-norm Manhattan,
http://en.wikipedia.org/wiki/Lp_space) between the launch point and the building itself. Perhaps walls in the way contribute a small penalty to the distance. So, for example, if two compartments were exactly 5 spaces away from the wallbreaker, but one compartment had a single wall while the other had a double, it would go for the single wall. If this was the case, perhaps the penalty was big enough to cause the wallbreaker to head to one of the cannon compartments due to the double thickness wall.
Regardless, I try not to send wallbreakers against the center of a long wall anymore. Too many opportunities for something like this to happen. If I breach a wall with my 1-2 wallbreakers, but see 3-4 widen the gap, I immediately stop and try to blow up at least one surrounding compartment (or take out its occupant) before trying wallbreakers at my initial position. That seems to break the tendency to widen gaps.
Also, why did you black out your gem total? Nothing to be ashamed of.