In Firefox 14, only the top-half of the text is shown at the bottom of it's section on the toolbar. (It's possible that the text is centered on the bottom of the drawing area instead of centered on the middle.)
By the way, using Ext.draw.Text in the toolbar may be overkill here since all that is really needed is Ext.toolbar.TextItem (same as simply putting a String in the items array). However, I'm wondering if what I've found is just one noticeable symptom of another problem.
Verified this happens using a collapsed panel with the panel title set as well . Tested in Firefox 14.0.1. Panel title text renders correctly in Chrome 21 and IE 9 when collapsed. I know this is not related to the toolbar problem but figure it may be a bigger issue so adding my $.02.
On further investigation, it seems to be related to hardware acceleration. To test:
1) Go to options,
2) Advanced, general
3) Uncheck "Use hardware acceleration when available"
4) Restart browser
5) Reopen page
I've opened a ticket on Bugzilla, so we'll see what they say.
Thanks for looking into this Evan. I disabled hardware acceleration in firefox and the issue still persists. Text is still half truncated like my previous screenshot. Let me know if you need any code samples/debug from firebug. I didn't state this earlier but I'm using EXT JS 4.1.1 final.