[FLEX-28296] Internet Explorer has bug with click events affecting text in skin on button

• Type: Bug
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: Skinning
• Environment: Affected OS(s): All OS Platforms; Affected OS(s): All OS Platforms; Browser: Internet Explorer 8.x; Language Found: English
• Assignee: Unassigned
• Reporter: Adobe JIRA
• Created: 28/Jan/10 12:55
• Updated: 25/Aug/11 23:09

Description

Steps to reproduce:
1.I had a button:
<s:Button skinClass="components.Button4" id="btnFullScreen" click="btnFullScreen_clickHandler(event)" width="125" buttonMode="true" left="510" top="417"/>

With a skin that that had the following:

<s:RichText color="0xffffff" fontFamily="Myriad Pro" fontSize="13.238" fontWeight="bold" kerning="off"
lineHeight="55" textAlpha="0.61" whiteSpaceCollapse="preserve"
height="17" id="richtext1" width="122" trackingRight="0.5" top="5" left="9">
<s:content><s><s:span>view full screen</s:span></s></s:content>
<s:filters>
<s:GlowFilter includeIn="over" blurX="6.0" blurY="6.0" inner="false" color="#ffffff" strength="1" alpha="1.0" quality="2" knockout="false"/>
</s:filters>

2.I had a list:
<s:List skinClass="components.DataList" id="list"
creationComplete="list_creationCompleteHandler(event)"
dataProvider="

{sampleList}

"
x="694" y="353">
</s:List>

that i was controlling the movement by a click handler on a button.

<s:Button skinClass="components.buttonLeft" id="btnLeft" x="993" y="339" buttonMode="true" click="btnLeft(event)"/>

3.Clicked on the btnLeft button.

Actual Results:
The list would move but the text on the btnFullScreen would also move off of the button and cross over top of the list.

Expected Results:
The list would move the button text would not move.(and has no reason too)

Workaround (if any):
on the btnFullScreen i had to add cacheAsBitmap="True" to fix this.

This only would happen in Internet Explorer any version and not in Firefox or safari