You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@tapestry.apache.org by "Paul Stanton (JIRA)" <de...@tapestry.apache.org> on 2007/07/05 06:05:05 UTC

[jira] Issue Comment Edited: (TAPESTRY-1560) Dojo Dialog initialilsation renders dialog inline before hiding it in firefox

    [ https://issues.apache.org/jira/browse/TAPESTRY-1560?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel#action_12510272 ] 

Paul Stanton edited comment on TAPESTRY-1560 at 7/4/07 9:03 PM:
----------------------------------------------------------------

The new documentation has a suggestion for solving this and AFAIK it doesn't work. In fact it causes the issue visible in frame 3 of my animated  gif.

(http://tapestry.apache.org/tapestry4.1/components/dojo/dialog.html)

the doco suggests the following to fix "Dialog display flickering":
<div jwcid="testDialog@Dialog" hidden="ognl:dialogHidden" style="display:none;">
    <p>Sample dialog display</p>
</div>

I found a work around for this: I've wrapped my dialogs in a hidden span:

<span style="display:none;">
    <div jwcid="testDialog@Dialog" hidden="ognl:dialogHidden">
        <p>Sample dialog display</p>
    </div>
</span>

and everything works fine now. not sure if this is the best solution but it's the only one that works for me.

jesse, i'm wondering if you will update the documentation and close this issue or try and resolve the issue so that the example in the documentation works?

just curious.

(this is in 4.1.2)


 was:
The new documentation has a suggestion for solving this and AFAIK it doesn't work. In fact it causes the issue visible in frame 3 of my animated  gif.

(http://tapestry.apache.org/tapestry4.1/components/dojo/dialog.html)

the doco suggests the following to fix "Dialog display flickering":
<div jwcid="testDialog@Dialog" hidden="ognl:dialogHidden" style="display:none;">
    <p>Sample dialog display</p>
</div>

I found a work around for this: I've wrapped my dialogs in a hidden span:

<span style="display:none;">
    <div jwcid="testDialog@Dialog" hidden="ognl:dialogHidden">
        <p>Sample dialog display</p>
    </div>
</span>

and everything works fine now. not sure if this is the best solution but it's the only one that works for me.

jesse, i'm wondering if you will update the documentation and close this issue or try and resolve the issue so that the example in the documentation works?

just curious.

> Dojo Dialog initialilsation renders dialog inline before hiding it in firefox
> -----------------------------------------------------------------------------
>
>                 Key: TAPESTRY-1560
>                 URL: https://issues.apache.org/jira/browse/TAPESTRY-1560
>             Project: Tapestry
>          Issue Type: Bug
>          Components: XHR/dhtml/Ajax
>    Affects Versions: 4.1.1
>         Environment: Tapestry 4.1.1
> Firefox 2.0.0.4
>            Reporter: Paul Stanton
>         Attachments: dialog-hidden-onload.gif
>
>
> I have 2 dojo dialogs, hidden by default which have been working fine.
> <div jwcid="myDialog@Dialog" hidden="ognl:true">dialog</div>
> I've now added a component to the page which delays the load time for the page somewhat and in firefox causes a funny render issue for the dialogs.
> The dialog's content is momentarily displayed (inline) at the bottom of my page, and the page's background colour is the transparent grey of the dialog.
> It seems to be only for the short period between when the page is rendered and onload event is triggered. when the page is finished loading it goes back to normal and everything functions fine.
> If I set the style of the dialog to display:none; the dialog does not behave properly, it does not display when dojo.html.show is called on it. This is because dojo caches the initial display setting when it first hides the component.
> I've looked at the code that dojo runs in the onload event hander:
> tapestry.widget.synchronizeWidgetState("myDialog", "Dialog", {"bgColor":"black","bgOpacity":0.4000000059604645}, false);
> dojo.widget.byId("myDialog").hide();}); 

-- 
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.


---------------------------------------------------------------------
To unsubscribe, e-mail: dev-unsubscribe@tapestry.apache.org
For additional commands, e-mail: dev-help@tapestry.apache.org