[FLEX-21074] Current focus 'glow' has odd rendering artifacts with translucent components

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Fixed
• Affects Version/s: Adobe Flex SDK Previous
• Fix Version/s: Adobe Flex SDK Previous
• Component/s: Spark: SkinnableComponent
• Environment: Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 14/Sep/09 12:01
• Updated: 15/Apr/11 15:13
• Resolved: 18/Sep/09 13:11

Description

Steps to reproduce:
1. Run the attached app
2. Move the slider most of the way to the left (but not all of the way)
3. Note that the background is now a faint red (due to the bg color of red and a translucent bg alpha value)
4. Grab the scrollbar thumb and scroll in the text area

Actual Results:
The bg color in the text area changes from faint red to faint purple

Expected Results:
The bg color should remain faint red

The problem is that we are applying the focus filter (a blue blow) to every non-opaque element in the text area. So when the bgAlpha changes to be translucent, the bgcolor gets mixed with the focus color.

I believe the correct look is for the focus ring to remain outside of the component and not also filter content inside the component, even when it is translucent content.