[FLEX-28784] IconItemRenderer messageDisplay text is not truncated when using an explicit height on the item renderer

• Type: Bug
• Status: Closed
• Priority: Minor
• Resolution: Later
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: Mobile: List
• Environment: Affected OS(s): All OS Platforms; Affected OS(s): All OS Platforms; Browser: Other (specify version); Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 12/Oct/11 11:13
• Updated: 15/Nov/11 16:12
• Resolved: 17/Oct/11 13:14

Description

Steps to reproduce:
1. Run the attached project (List using IconItemRenderer with an explicit height and very long message text)

Relevant Code Snippet:

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView">
<fx:Declarations>
</fx:Declarations>
<s:List width="100%" height="100%">
<s:dataProvider>
<s:ArrayCollection>
<fx:Object label="Lorem Ipsum" message="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius ipsum in nunc commodo at scelerisque massa pretium. Pellentesque fringilla diam vel arcu imperdiet luctus. Curabitur nec leo eu mi rutrum rutrum. Vivamus accumsan eros vitae est pharetra quis lobortis ligula pretium. Nam malesuada varius elit quis porttitor. Nunc ornare viverra orci, in adipiscing augue tincidunt accumsan. Vivamus quis tortor et lacus ultrices faucibus nec eget est."/>
<fx:Object label="Lorem Ipsum" message="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius ipsum in nunc commodo at scelerisque massa pretium. Pellentesque fringilla diam vel arcu imperdiet luctus. Curabitur nec leo eu mi rutrum rutrum. Vivamus accumsan eros vitae est pharetra quis lobortis ligula pretium. Nam malesuada varius elit quis porttitor. Nunc ornare viverra orci, in adipiscing augue tincidunt accumsan. Vivamus quis tortor et lacus ultrices faucibus nec eget est."/>
<fx:Object label="Lorem Ipsum" message="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius ipsum in nunc commodo at scelerisque massa pretium. Pellentesque fringilla diam vel arcu imperdiet luctus. Curabitur nec leo eu mi rutrum rutrum. Vivamus accumsan eros vitae est pharetra quis lobortis ligula pretium. Nam malesuada varius elit quis porttitor. Nunc ornare viverra orci, in adipiscing augue tincidunt accumsan. Vivamus quis tortor et lacus ultrices faucibus nec eget est."/>
<fx:Object label="Lorem Ipsum" message="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius ipsum in nunc commodo at scelerisque massa pretium. Pellentesque fringilla diam vel arcu imperdiet luctus. Curabitur nec leo eu mi rutrum rutrum. Vivamus accumsan eros vitae est pharetra quis lobortis ligula pretium. Nam malesuada varius elit quis porttitor. Nunc ornare viverra orci, in adipiscing augue tincidunt accumsan. Vivamus quis tortor et lacus ultrices faucibus nec eget est."/>
<fx:Object label="Lorem Ipsum" message="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius ipsum in nunc commodo at scelerisque massa pretium. Pellentesque fringilla diam vel arcu imperdiet luctus. Curabitur nec leo eu mi rutrum rutrum. Vivamus accumsan eros vitae est pharetra quis lobortis ligula pretium. Nam malesuada varius elit quis porttitor. Nunc ornare viverra orci, in adipiscing augue tincidunt accumsan. Vivamus quis tortor et lacus ultrices faucibus nec eget est."/>
</s:ArrayCollection>
</s:dataProvider>
<s:itemRenderer>
<fx:Component>
<s:IconItemRenderer height="50" labelField="label" messageField="message"/>
</fx:Component>
</s:itemRenderer>
</s:List>
</s:View>

Actual Results:
Message text overflows.

Expected Results:
Message text should be truncated.

Using a custom layout to set the renderer size results in the same behavior:
<s:VerticalLayout variableRowHeight="false" rowHeight="50"/>

Workaround (if any):

1. Write a custom item renderer
or possibly
2. Write a custom messageFunction to truncate the text to a small number of characters that will fit on one line.