History | Log In     View a printable version of the current page.  
Issue Details (XML)

Key: SDK-15558
Type: Bug Bug
Status: Closed Closed
Resolution: Fixed
Priority: C C
Assignee: Peter deHaan (Adobe)
Reporter: Tom Schober
Votes: 2
Watchers: 3
Operations

If you were logged in you would be able to see more operations.
Flex SDK

Accordion labels truncated when CSS text-indent property is set

Created: 05/13/08 04:13 PM   Updated: 10/09/08 09:38 PM
Component/s: Styles
Security Level: Public (All JIRA Users )

File Attachments: 1. File bug.mxml (0.6 kb)
2. File bugBorneo.swf (211 kb)
3. File bugGumbo.swf (365 kb)
4. Text File main_3_2_0_3544.mxml (2 kb)
5. File main_3_2_0_3544.swf (494 kb)

Image Attachments:

1. Accordion.gif
(5 kb)
Issue Links:
Cloners
This issue is cloned by:
SDK-17265 Text labels truncated when CSS text-i... C Open
 

Severity: Incorrectly Functioning
Reproducibility: Every Time
Discoverability: High
Found in Version: SDK Flex 3 (Released)
Milestone: SDK Community Fix Candidates
Affected OS(s): All OS Platforms - All
Steps to Reproduce:
Steps to reproduce:
1. Create an Accordion with labels in the headers
2. Create a css style sheet with an Accordion{text-indent : 10}
 
 Actual Results:
 Note that the end of the label strings in the accordion are truncated on the right
 
 
 
Language Found: English
Bugbase Id: none
Triaged: Yes
Regression: Yes
QA Owner: Ella Mitelman
Resolved by: Gordon Smith
Confirmed Version: SDK Flex 3.2.0 - Next Build
Participants: Ella Mitelman, Gordon Smith, Greg Lyon, Lauren Park, Peter deHaan (Adobe) and Tom Schober
Browser: Firefox 2.x

Sub-Tasks  All   Open   
 Sub-Task Progress: 

 All   Comments      Sort Order:
Greg Lyon - [07/10/08 09:42 AM ]
This issue is more widespread than just the accordion header.
1) Any children of the accordion that don't have a width specified will have truncated text as well, unless a negative text-indent is specified for the children.
2) The same behavior can be created with other containers, e.g. Panel.

Here is an example:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Style>
Panel {
text-indent:10;
}
</mx:Style>
<mx:Panel layout="vertical" title="Look at me">
<mx:Text text="This mx:text gets truncated" />
<mx:LinkButton id="lbEmail" x="10" y="68" label="This mx:linkbutton gets truncated"/>
<mx:Button label="this mx:button gets truncated too" x="10" y="{lbEmail.y + lbEmail.height + 10}"/>
<mx:ComboBox>
<mx:Array>
<mx:Object label="this mx:combobox gets truncated as well" />
</mx:Array>
</mx:ComboBox>
</mx:Panel>

</mx:Application>

Ella Mitelman - [07/10/08 03:29 PM ]
[hotfix candidate] Regression from Borneo

Lauren Park - [07/28/08 06:20 PM ]
openeed.

Gordon Smith - [09/11/08 07:36 PM ]
I committed the patch supplied in SDK-16643 even though <mx:Text> is still truncated. It fixes the other truncations.

Gordon Smith - [10/07/08 11:21 PM ]
Assigning to Peter.

Peter deHaan (Adobe) - [10/09/08 09:35 PM ]
Attached two new files (main_3_2_0_3544.mxml, and main_3_2_0_3544.swf).
As Gordon pointed out, <mx:Text> still gets truncated. If you run main_3_2_0_3544.swf, you'll also see that mx:TabNavigator also truncates the labels on the Tabs and mx:ToggleButtonBar seems to be truncating the first tab until you roll over the truncated button, or select the other button.

I'll mark this bug as fixed since it seems to fix the majority of the cases, and the specific case mentioned in the subject of this bug.
I'll file a separate bug against the mx:TabNavigator, mx:ToggleButtonBar, and mx:Text cases and hopefully we can get another community patch. (wink, wink, nudge, nudge)

Peter deHaan (Adobe) - [10/09/08 09:37 PM ]
Confirmed w/ Flex 3.2.0.3544.