[FLEX-28866] Small white corner artifacts show up with large SpinnerLists on dark backgrounds

• Type: Bug
• Status: Open
• Priority: Minor
• Resolution: Unresolved
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: Mobile: SpinnerList
• Environment: Affected OS(s): All OS Platforms; Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Unassigned
• Reporter: Adobe JIRA
• Created: 21/Oct/11 14:22
• Updated: 24/Oct/11 13:54

Description

Steps to reproduce:
1. Create a new Flex mobile project with this application:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
backgroundColor="black">

<s:SpinnerListContainer width="50%" horizontalCenter="0" verticalCenter="0">
<s:SpinnerList id="deviceList" width="100%" height="100%">
<s:itemRenderer>
<fx:Component>
<s:IconItemRenderer labelFunction="getDeviceLabelFunction" messageFunction="getDeviceMessageFunction">
<fx:Script>
<![CDATA[
override protected function drawBorder(unscaledWidth:Number, unscaledHeight:Number):void

{ // don't draw separators }

private function getDeviceLabelFunction(item:Object):String

{ return item.devicename + " (" + item.serialnumber + ")"; }

private function getDeviceMessageFunction(item:Object):String

{ return item.description + " (" + item.os + " " + item.osversion + ")"; }

]]
>
</fx:Script>
</s:IconItemRenderer>
</fx:Component>
</s:itemRenderer>
<s:dataProvider>
<s:ArrayList>
<s:DataItem devicename="XXXXX" serialNumber="999999999" os="Android" osversion="4.0" description="Sample Description" />
<s:DataItem devicename="XXXXX" serialNumber="999999999" os="Android" osversion="4.0" description="Sample Description" />
<s:DataItem devicename="XXXXX" serialNumber="999999999" os="Android" osversion="4.0" description="Sample Description" />
<s:DataItem devicename="XXXXX" serialNumber="999999999" os="Android" osversion="4.0" description="Sample Description" />
<s:DataItem devicename="XXXXX" serialNumber="999999999" os="Android" osversion="4.0" description="Sample Description" />
<s:DataItem devicename="XXXXX" serialNumber="999999999" os="Android" osversion="4.0" description="Sample Description" />
<s:DataItem devicename="XXXXX" serialNumber="999999999" os="Android" osversion="4.0" description="Sample Description" />
<s:DataItem devicename="XXXXX" serialNumber="999999999" os="Android" osversion="4.0" description="Sample Description" />
<s:DataItem devicename="XXXXX" serialNumber="999999999" os="Android" osversion="4.0" description="Sample Description" />
<s:DataItem devicename="XXXXX" serialNumber="999999999" os="Android" osversion="4.0" description="Sample Description" />
</s:ArrayList>
</s:dataProvider>
</s:SpinnerList>
</s:SpinnerListContainer>

</s:Application>

Actual Results:

The corners of the SpinnerListContainer has white artifacts.

Expected Results:

No artifacts or at least they should blend in with the black background better

Workaround (if any):