Well, that raises a question about our DHTML implementation of <text>:
Should we generate markup that makes it look like how Flash formats
Text blocks? Here it would be to put appropriate CSS on the img tag
so that it clears past the text paragraph. Or is Flash so broken in
so many ways that we should just punt?
From the perspective of differentiating <text> from <html>, it would
help if we could say that <text> is a "least-common-denominator"
solution, and that does argue for making <text> behave more
consistently across runtimes.
jim
On Feb 13, 2007, at 6:08 AM, Philip Romanik wrote:
Hi John,
Why don't you submit a jira bug because it is such a simple example.
In dhtml, the generated code looks like (in FF1.5):
<div class="lzswftext" style="overflow: visible; height: 300px;
-moz-user-select: none; width: 300px; clip: rect(0px, 300px, 300px,
0px); display: block; z-index: 2;"> Hello dear friends on the Red
Planet! How is the Garden today? <img src="./horse-3.jpg"/> </div>
For people that don't have time to run the example, the text wraps
around the image in dhtml. In swf, the text is displayed and the
image is displayed beneath it.
Phil
Is this a bug, or is the placement not determined?
My concern is not to get them looking the same, but to document the
expected behavior. Any guidance appreciated.
jrs
On Feb 12, 2007, at 7:31 PM, Philip Romanik wrote:
> Hi John,
>
> I got a closer match by inserting a <br/> between the text and
> image. It still isn't identical though.
>
> Phil
>
>
>> When the program below is compiled for SWF and then for DHTML, the
>> placement of the image differs.
>>
>> I rather expect that this has been covered before, so apologies in
>> advance if I should know what's up. Is there something I
should be
>> doing differently to ensure identical rendering in swf and dhtml?
>>
>> Thanks,
>>
>> jrs
>>
>> <canvas height="320" >
>> <text multiline="true" width="300" height="300">
>> Hello dear friends on the Red Planet! How is the Garden
today?
>> <img src="./images/horse-3.jpg"/>
>> </text>
>> </canvas>
>>
>