[FLEX-27877] Use of setStyle to change the icon of an ActionBar button that's also globally styled via an iOS media query results in a pixelated icon bitmap.

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Not A Problem
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: Mobile: ActionBar
• Environment: Affected OS(s): Apple IOS; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 20/Jul/11 15:19
• Updated: 15/Nov/11 16:12
• Resolved: 18/Aug/11 13:01

Description

Steps to reproduce:
01 Import the attach project into Builder 4.5.1
02 Run in adl (or on device) and emulate iPhone 4.
03 In the initial screen, tap a surf spot in the list.
04 In the details view that follows, observe the appearance of the star icon in the favorites button at the top right corner of the ActionBar.

Actual Results:
Icon bitmap is pixelated and stretches across the entire button.
Corresponding code and use of setStyle is found in SpotDetailsView_Wave.mxml lines 62 and 67.
CSS code is at the top of TrebleSurf.css.

Expected Results:
No pixelation.
This doesn't occur if setStyle is not in use;
nor does it occur on non-styled ActionBar buttons (try emulating a DroidX in adl, it looks fine)

Workaround (if any):