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

["Howard M. Lewis Ship (JIRA)" <ji...@apache.org>]

    [ https://issues.apache.org/jira/browse/TAP5-827?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13471712#comment-13471712 ] 

Howard M. Lewis Ship commented on TAP5-827:
-------------------------------------------

Yes, I'm working towards that in the 5.4 branch now; I've started the switch to Twitter Bootstrap and eventually the popups will go away, and Tapestry will expect some of the Twitter Bootstrap styles (like an enclosing <div class="controls"> and <div class="control-group">.
                
> 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.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira