javascript - DisplayField overflow ellipsis in ExtJS 5 -

i want set text-overflow : ellipsis in displayfield, when add large text, displayfield groving horizontally.

displayfield:

 xtype: 'displayfield',         border: 1,         style: {             bordercolor: 'black',             borderstyle: 'solid'         },         maxheight:50,         cls:'custom-field',         height:50,         width: 100,         value: 'this <br/> multiline text<br/> , should ended <br/>with 3 dots when overflowy', 

css class:

.custom-field{     text-overflow: ellipsis; } 

example on fiddle: https://fiddle.sencha.com/#fiddle/ole