如何在缩放时使组织高度与结构JS中的文本框高度相同

Question

我有多个文本框。当我对所有文本框进行分组并水平缩放组时，组的高度不会动态增加，文本框的内容也会消失，而不像独立的文本框那样增加高度直到内容结束。

在代码下面，我尝试设置与文本框相同的组高度但不起作用。有什么建议吗？

var canvas = new fabric.Canvas('c');
var text1 = new fabric.Textbox('Text', {
  left: 10,
  top: 20,
  fontSize : 18,
  width: 300
})
canvas.add(text1);
var text2 = new fabric.Textbox('If this textbox grouped with above textbox, height will not increase on scaling horizontally and content get vanished but if scalling independently height increase', {
  left: 20,
  top: 40,
  fontSize : 18,
  width: 300
})

canvas.add(text2);

canvas.on('object:scaling', function(e) {
	/* if(e.target.type == "group"){
	var obj=e.target;
	
	obj.height=obj.item(0).height;
	obj.width=obj.item(0).width;
	
	
	}*/	
	   });

canvas{
 border:1px solid #000;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.9/fabric.js"></script>
<canvas id="c" width="400" height="400" style="border:1px solid #000000;"></canvas>