Sencha Panel/Component title truncated - with no reason

[alexdran]

Hello all,
In my application I have noticed after some developing that all the titles of my views are truncated:

I have reduced the app to the minimum (to understand the problem reason) with only one view (title Example) and it's not totally showing (even if there is enough space on the screen - chrome debugger)

could you please help me in finding the option to fix this? quite annoying behavior

main View:

Ext.define("App.view.Main", {
    extend: 'Ext.tab.Panel',


    config: {
        tabBarPosition: 'bottom',


        items: [
            {
                xtype: 'Example'
            }
        ]
    }
});

the specific view:

Ext.define('App.view.Example', {
    extend: 'Ext.Panel',
    xtype: 'Example',


    config: {
        title: 'Example',
        iconCls: 'star',


        styleHtmlContent: true,
        scrollable: 'vertical',


        items: {
            docked: 'top',
            xtype: 'toolbar',
            title: 'Example'
        },
        html: 'Example'
    }
});

in the screenshot is what i get
many thanks in advance!!! alex


titleProblem.jpg

[estesbubba]

Chrome 21 beta? Seems to be a "feature" of it but everything looks fine on devices.

[alexdran]

Chrome 21 beta? Seems to be a "feature" of it but everything looks fine on devices.

oh!! you are right;
did not notice is showing ok on safari

could not check on device cause I have a problem building the App (but anyway one thing is solved) !!
thanks

[adamatvips]

This Chrome 21 Beta "bug" has made it into the 21 Stable version of Chrome.

[pentool]

Use 2.1.0-b1.

http://www.sencha.com/forum/showthread.php?234790-Why-titlebar-s-title-cuts-off-after-23-chars

[javaBear]

Check the update on the thread.