Перетаскивание после масштабирования / преобразования в Raphael JS

Question

Как исправить ось моего текста после его масштабирования? Кажется, указатель мыши не реагирует на расположение текста. Но при первоначальном создании я могу перетаскивать свой текст в ответ на указатель мыши. Вот ссылка на мой пример проекта.

var paper = Raphael(document.getElementById("area"), 500, 500);
var attr = {"fill":"red","font-family": "arial", "font-size": "50px","cursor":"move"};
var text = paper.text(250, 250, "Some\nTEST").attr(attr);

start = function () {

    this.ox = parseFloat( this.attr("x") );
    this.oy = parseFloat( this.attr("y") );
},
move = function (dx, dy) {
    this.attr({x: this.ox + dx, y: this.oy + dy});
    this.odx = dx;
    this.ody = dy;
},
up = function () {
    this.attr({cursor:"move"});
};

text.drag(move, start, up);

$("button.fontsize-control").click(function(){
    var action = $(this).data("action");
    if( action == "down" ){
        text.transform("s.80...");
    }else{
        text.transform("s1.2...");
    }
});

Пример jsfiddle