[FLEX-17005] Selected toggle button turns blue during fade

• Type: Bug
• Status: Closed
• Priority: Minor
• Resolution: Later
• Affects Version/s: Adobe Flex SDK 3.2 (Release)
• Component/s: mx: Button
• Environment: Affected OS(s): All OS Platforms; Affected OS(s): All OS Platforms; Browser: Internet Explorer 6.x; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 30/Dec/08 09:20
• Updated: 20/Jan/09 10:13
• Resolved: 19/Jan/09 22:45

Description

Steps to reproduce:

1. Compiler and run the following application:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="#FFFFFF">
<mx:Button id="fadeButton1" x="54.5" y="39" toggle="true" selected="false" width="136"/>
<mx:Button id="fadeButton2" x="54.5" y="69" toggle="true" selected="true" width="136"/>
<mx:Button x="54.5" y="110" label="Push me and watch" click="doTheFades.play()"/>

<mx:Fade id="fadeOut" alphaFrom="1" alphaTo="0" targets="

{[fadeButton1,fadeButton2]}"/>
<mx:Fade id="fadeIn" alphaFrom="0" alphaTo="1" targets="{[fadeButton1,fadeButton2]}

"/>
<mx:Sequence id="doTheFades" children="

{[fadeOut, fadeIn]}

" duration="1500"/>
</mx:Application>

2. The application shows two Buttons with toggle=true. One is selected, the other isn't.

3. Click the button entitled "Push me and watch". This will fade the two buttons out and back in.

Actual Results:

The selected toggle button turns blue during the fade.

Expected Results:

The selected toggle button should just fade out.

Workaround (if any):

Set the button's blendMode to "layer" or "multiply".