[
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.
