Question

I have weird situation that extjs 4 always puts last word of custom error message in new row, and effectively hides it. I tried shortening message, but always last word goes to new line. This happens in Firefox 7.0.1 (firebug turned off), not in Chrome, Opera, Safari.

Default message text is displayed correctly. My error message has no strange letters or symbols.

I tried escaping white characters, putting nobr tags etc… but nothing works.

How to prevent this behavior?

I have no any css or any other styling applied. Here is code from view:

this.items = [{
            waitMsgTarget: 'dailyReport',
            xtype: 'form',
            url: 'php/dailyReport.php',
            items: [{
                margin: 10,
                xtype: 'datefield',
                name: 'reportDate',
                fieldLabel: 'Report for',
                format: 'd.m.Y.',
                altFormats: 'd.m.Y|d,m,Y|m/d/Y',
                value: getCorrectDate(),
                disabledDays: [0]
            },
            {
                margin: 10,
                xtype: 'checkboxgroup',
                fieldLabel: 'Report by',
                columns: 2,
                vertical: true,
                allowBlank: false,
                blankText: 'Choose at least one.',
                items: [{
                    boxLabel: 'pos',
                    name: 'rb',
                    inputValue: '1',
                    checked: true
                },
                {
                    boxLabel: 'seller',
                    name: 'rb',
                    inputValue: '2',
                    checked: true
                }]
            }]
        }];

Answer 1

‘Ctrl’ + ‘+’ was reason. My view in Firefox was zoomed in, but I didn’t notice it until today. After I returned it to normal zoom level ‘Ctrl’ + ‘0’ everything works and shows up fine. Silly me, it took me 2 weeks to realize this.