Huge problem with text overlapping

[kolakao]

Hello. I'm new in Sencha Touch 2 and I have a problem with text overlapping on my titlebar (or toolbar, doesn't really matter). Take a look at these screens:

http://i.imgur.com/FBCa5.png
http://i.imgur.com/nrH3N.png

I'm also using routes and animateActiveItem to move across the pages. Has somebody faced an issue like this before? I've been trying to resolve this bug for like two days and nothing came up to my mind. Now I'm just desperately looking for help .

[mitchellsimoens]

What does a sample config for titlebar look like?

[kolakao]

Ext.define("MyApp.view.Schedule", {
    extend: "Ext.Panel",
    alias: "widget.schedulepage",
    requires: ["Ext.dataview.List"],


    config: {
        scrollable: "vertical",
        layout: { type: "fit" },

        items: [
        {
            xtype: "titlebar",
            title: "Schedule",
            docked: "top",
            items: [{
                xtype: 'button',
                itemId: 'displayMainMenuButton',
                iconCls: 'settings',
                iconMask: true
            }]
        } (...)

I tried both toolbar and titlebar, but bug remains anyway.

[mitchellsimoens]

There isn't anything there that would have text overlapping. Tried the code in 2.0.1.1 and 2.1.0 and do not see the overlapping.