Iterating through flowElements in a TextFlow to get their bounds

Richard, I tested it some and I believe it's a bug:

When the direction of the paragraph is right (p.textAlign = TextAlign.RIGHT), im always getting left=0, and top=0.

But, when I changed it to TextAlign.LEFT -  i got the real left and top!

What Im doing is very basic:

- creating textflow

- creating paragraphElement (direction: RTL, textAlign: RIGHT)

- adding the paragraph

- adding some textelements to the paragraph, and an inlineGraphicElement too between them.

- Assigning eventlisters like so:

     element.tlf_internal::getEventMirror().addEventListener(MouseEvent.CLICK, tfClickHandler);

- assigning controller to the flowcomposer.

- listening to COMPOSITION_COMPLETE

- on compositionComplete I iterate through the elements (see my other post to see how i do it without accessing atom data)

BTW, Can't I have the  mirrorRegions array (which is convenient to get the bounds of each element) without actually assigning any events the way Im doing?

abhishek.g thanks for the answer but I still don't get why I need to bother with atoms.

For example, in my textflow's paragraph each word is a textElement, so I tried to draw a little box around each word like this:

               // fc is the textFlow.flowComposer

              for (var i:int = 0; i < fc.numLines; i++)  // iterate textflowlines
              {
                var tfl:TextFlowLine = fc.getLineAt(i);
                var tl:TextLine = tfl.getTextLine();
                var regions:Vector.<TextLineMirrorRegion> = tl.mirrorRegions;             
                for (var j:int = 0; j < regions.length; j++)
                {
                    var region:TextLineMirrorRegion = tl.mirrorRegions;
                    var bounds:Rectangle = region.bounds;                               
                    var s:Sprite = new Sprite;
                    s.graphics.lineStyle(1, 0xffff00,0.6)
                    s.graphics.drawRect(bounds.x, bounds.y , bounds.width, bounds.height);
                    tl.addChild(s);               
                }
              }

this works, but the mirrorRegions array contains only TextElements , and not my  InlineGraphicElements (why?? don't inlinegraphicElements deserve a mirror region too? EDIT: Turns out the reason I'm not getting the InlineGraphicElement in the  'mirrorRegions' array is that I simply haven't assigned any events to it as I did with the textElements.).

So I tried with the atoms: this code draws a box around EVERY ATOM in my paragraph:

          for (var i:int = 0; i < fc.numLines; i++)
            {
                var _tfl:TextFlowLine = fc.getLineAt(i);
                var _tl:TextLine = _tfl.getTextLine();
   
                for (var j:int = 0; j < _tl.atomCount; j++)
                {
                    var bounds:Rectangle = _tl.getAtomBounds(j);               
                    var s:Sprite = new Sprite;
                    s.graphics.lineStyle(1, 0xffff00,0.6)
                    s.graphics.drawRect(bounds.x, bounds.y , bounds.width, bounds.height);
                    _tl.addChild(s);
                }
            }       

This time EACH LETTER got a box around it, AS WELL AS my  InlineGraphicElement.

Now, of course,  if mirrorRegions contained regions for ALL elements and not just TextElements, that would solve all my problems. EDIT: Not all my problems are solved because the bounds of InlineGraphicElements seem to be incorrect in case of textAlign=RIGHT (see my other post in this thread). Also, to get mirrorRegions to reflect your paragraph elements you must assign each one with some kind of event. I'd rather not have to do that)

But since this isn't the case.I guess I would need to somehow use the atom data, but - how do I make the connection between each atom and its corresponding FlowLeafElement?

Sorry for being so lenghty... I've got the feeling that I might be missing something very basic here..