TextContainerManager RTE

Question

Hi,
I am using TLF in a spark list control item renderer.
The list data provider items create the TextFlow. However, when I try to create the textFlow only once I sometimes run into the error below:
Version:1.0 StartHTML:0000000149 EndHTML:0000001726 StartFragment:0000000199 EndFragment:0000001692 StartSelection:0000000199 EndSelection:0000001692 We always run into TypeError: Error #1009: Cannot access a property or method of a null object reference.
     at flashx.textLayout.container::TextContainerManager/set compositionWidth()[C:\Vellum\branches\v1\1.1\dev\output\openSource\textLayout\src\flashx\ textLayout\container\TextContainerManager.as:584]
     at spark.components::RichEditableText/measureTextSize()[E:\dev\4.x\frameworks\projects\spark \src\spark\components\RichEditableText.as:3315]
     at spark.components::RichEditableText/measure()[E:\dev\4.x\frameworks\projects\spark\src\spa rk\components\RichEditableText.as:2507]
     at mx.core::UIComponent/measureSizes()[E:\dev\4.x\frameworks\projects\framework\src\mx\core\ UIComponent.as:8216]
     at mx.core::UIComponent/validateSize()[E:\dev\4.x\frameworks\projects\framework\src\mx\core\ UIComponent.as:8140]
     at mx.managers::LayoutManager/validateSize()[E:\dev\4.x\frameworks\projects\framework\src\mx \managers\LayoutManager.as:617]
     at mx.managers::LayoutManager/doPhasedInstantiation()[E:\dev\4.x\frameworks\projects\framewo rk\src\mx\managers\LayoutManager.as:733]
     at mx.managers::LayoutManager/doPhasedInstantiationCallback()[E:\dev\4.x\frameworks\projects \framework\src\mx\managers\LayoutManager.as:1072]
Since only internal classes are in the stacktrace it is hard to debug.
When the textFlow is created every time the binding executes the code works fine.
Any idea?
In general: Can I re-use the same textFlow in different ui components?
Thanks,
Sönke

Answer 1

I got a similar problem..
I have a RicheditableText include in select state using TLF in a spark list.
Instead of error. Some of my content will display in the wrong place after switching between list item couple times.
Item 6 will be display in item 5 slot. Item 1 will display in item 6 slot.
After some testing. I tried removing the transitions, it seems to fix the problem.
I also have to remove the Rotate 3d code to get rid of another crash.
<!--
<s:Transition fromState="selected">
<s:Sequence>
<s:Parallel duration="200">
<s:Resize target="{this}" easer="{sineOut}"/>
<s:Fade target="{itemDetails}" />
-->
<!--s:Rotate3D targets="{[itemDetails]}"
angleXFrom="0" angleXTo="90"
autoCenterTransform="true" /-->
<!--
</s:Parallel>
<s:RemoveAction target="{itemDetails}" />
</s:Sequence>
</s:Transition>
-->
<s:Transition toState="selected">
<s:Sequence>
<s:Parallel duration="1000">
<s:Resize target="{this}" easer="{sineIn}" duration="500"/>
<s:Fade target="{itemDetails}" />
<!--s:Rotate3D targets="{[itemDetails]}"
angleXFrom="90" angleXTo="0"
autoCenterTransform="true" /-->
</s:Parallel>
</s:Sequence>
</s:Transition>
Moral of the story, if you see something strange in flex, DISABLE TRANSITION