Fabric.js: editing flipped text causes unusable behavior

by InferOn

HTML

<canvas id="canvas" style="position:absolute" width="800" height="600" style=""></canvas>
<label style="position:absolute; top:130px;">Click in the textbox.  Why does the entire string get un-flipped but each character remains flipped?  And editing is not really usable.  Are there other properties or something I should be using?</label>

JavaScript

var canvas = new fabric.Canvas('canvas');

var txt = "Reverse string";
var string = [];
var left = 0;
var character;

for(var i = 0; i < txt.length; i++) {
    left += 25;
    
    character = new fabric.IText(txt[i], {    
    	fontFamily: 'sans-serif',
	    fontSize: 40,
        flipX: true,
        left: left
	});
    
    string.push(character);
}



var group = new fabric.Group(string, {
    left: 20, 
    top: 30
});

canvas.add(group);
canvas.setActiveObject(text);
canvas.renderAll();