Question

I am having a strange issue. The titles that I specify in toolbar or in Ext.Msg.alert is automatically truncated and a ‘…’ is appended.

How to get rid of this? I want full titles in Toolbar, message boxes and everywhere else.

Answer 1

It’s a bug in Webkit which are reported in sencha’s forum that you can refer it here or here:

Use this in your css or .sass file as a solution:

.x-title{padding:0 .3em;}
.x-title .x-innerhtml{padding: 0;}

Or:

.x-title .x-innerhtml:after {
    display: inline-block;
    content: '';       
    width: 0.3em;
}