flex tabnavigator cuts off labels

I have a problem with the TabNavigator. The labels of the tabs are getting truncated and once th开发者_如何学Ce user places their mouse over the tab it redraws again. Is there anyway to redraw the label of the tab programmatically?

---

You may also want to consider the SuperTabNavigator in FlexLib.

---

Try using a Spark TabBar with a ViewStack instead.

---

I had the same problem with TabNavigator. It was related to TitleWindow where my TabNavigator was located.

This is cool solution from - How to Show a Tab Navigator in a Popup Window

package
{
    import mx.containers.TabNavigator;
    import mx.controls.Button;
    import mx.events.FlexEvent;

    public class PopUpFriendlyTabNavigator extends TabNavigator
    {
        public function PopUpFriendlyTabNavigator()
        {
            super();

            this.addEventListener (FlexEvent.CREATION_COMPLETE, onCreationComplete);
        }

        private function onCreationComplete(event:FlexEvent):void
        {
            this.removeEventListener(FlexEvent.CREATION_COMPLETE, onCreationComplete);

            var firstTab:Button = getTabAt(0);

            if (firstTab)
            {
                firstTab.invalidateDisplayList();
                firstTab.validateNow();
            }
        }
    }
}