Fabric.js выравнивают вправо и подчеркивают, что не работают вместе

У меня есть 2 кнопки, чтобы выровнять текст до "правого", а второй - установить подчеркивание.

Первая проблема :: Но если текст выравнивается вправо, и я нажимаю кнопку подчеркивания, я получаю что-то вроде ниже,

Вторая проблема :: если текст выровнен вправо или влево [еще одна кнопка создана], то для текста кнопки перемещается только вправо, mi создает текст неправильно?

Добавить текстовый метод:

hw[i] = new fabric.Text($(this).val(), {
            left : drawleft,
            top : drawtop,
            fontSize : 20,
            textAlign: 'center'
        });

Код JQuery: ::

    $('#font_un').click(function(event) {
        event.stopPropagation();
         ++index;
   action=true;  

        var obj = canvas.getActiveObject();

        if (!obj)
            return;

        if (un_flag == 0) {

            obj.set('textDecoration', 'underline');
            un_flag = 1;
        } else {
            obj.set('textDecoration', '');
            un_flag = 0;
        }

        canvas.renderAll();

    });

$(document).on("click","#font-right",function(event){

        var obj = canvas.getActiveObject();
         ++index;
   action=true;  

        event.stopPropagation();
        if (!obj)
            return;

        obj.set('textAlign', 'right');

        canvas.renderAll();
    });