[FLEX-21330] Tabs in TabNavigator do not shift from padding setting like in previous SDk's

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Later
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: mx: Tab Navigator
• Environment: Affected OS(s): All OS Platforms; Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 28/Sep/09 16:38
• Updated: 15/Apr/11 15:02
• Resolved: 28/Jan/12 01:55

Description

Steps to reproduce:
If you go here: http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html
Go to TabNavigator
Then set paddingLeft to 20, you see the tabs move to the right

I'm trying to do this in Flex4 but I can't for the life of me.
I've tried all kinds of stuff, and am attaching a basic file that should work, but doesn't.

Actual Results:

Expected Results:

Workaround (if any):
<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/halo"
xmlns:s="library://ns.adobe.com/flex/spark">

<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/halo";

mx|TabNavigator mx|TabBar

{ paddingLeft: 20; }

</fx:Style>

<mx:TabNavigator x="124" y="61" width="399" height="319" paddingLeft="20">
<s:NavigatorContent label="Tab 1" width="100%" height="100%">
</s:NavigatorContent>
<s:NavigatorContent label="two" width="100%" height="100%">
</s:NavigatorContent>
</mx:TabNavigator>

</s:Application>