[]textinput动态修改宽度 会出现重叠的文字

我想实现文本框会自动适应输入文字的多少,它会自动加长的效果。
但是当我监听Event.INPUT,执行动态增加输入框宽度时,出现了文字重叠,很难看,

屏幕快照_2017-08-20_下午3.01_.27_.png


屏幕快照_2017-08-20_下午3.01_.55_.png

 
我的代码很简单就是
let input: Laya.TextInput = new Laya.TextInput();
input.skin = "new/textinput.png";
input.sizeGrid = "50, 50, 50, 50";
input.fontSize = 80;
input.size(128, 128);
input.align = "center";
input.on(Laya.Event.INPUT, this, this.input, [input]);

private input(input:Laya.TextInput, event:Event){
if(input.text.length > 2){
input.width += 20;
}
}

请问怎么解决这个问题?
已邀请:

Monica - 知识达人

赞同来自:

确实是有问题,我们看下。多谢反馈

要回复问题请先

商务合作
商务合作