[jira] Updated: (TAP5-827) Validation error popup bubbles is overlapped by select box in IE6

["maxyu (JIRA)" <ji...@apache.org>]

     [ https://issues.apache.org/jira/browse/TAP5-827?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

maxyu updated TAP5-827:
-----------------------

    Component/s: tapestry-core

> Validation error popup bubbles is overlapped by select box in IE6
> -----------------------------------------------------------------
>
>                 Key: TAP5-827
>                 URL: https://issues.apache.org/jira/browse/TAP5-827
>             Project: Tapestry 5
>          Issue Type: Improvement
>          Components: tapestry-core
>    Affects Versions: 5.1.0.5
>            Reporter: maxyu
>            Priority: Minor
>
> Validation error popup bubbles will be overlapped by a select box up to it. This is an IE6 bug which cause div overlapped by select box. To overcome it, an iframe should be used to overlapped select box which has -1 as z-index to bring error message to the foreground.
> I just modify the tapestry.js to solve this problem.
> In ErrorPopup's initialize method, we should not add span direct into the errorpopup div,but a div with iframe and inner div(which contains the span) in it.
> this.innerSpan = new Element("span");
>         this.innerframe=new Element("iframe",
>         {
>         	'style':"position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;",
>         	'frameborder':"0",
>         	'src':"",
>         	'scrolling':"no"
>         });
>         this.innerdiv=new Element("div");
>         this.innerdiv.update(this.innerSpan);
>         
>         this.outerDiv = $(new Element("div", {
>             'id' : this.field.id + ":errorpopup",
>             'class' : 't-error-popup'
>         })).update(this.innerframe).hide();
> 	this.outerDiv.appendChild(this.innerdiv);

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