Changeset 7453

Timestamp:

02/26/07 01:37:47 (23 months ago)

Author:

liucougar

Message:

fixes #1229 by introducing a div to cover the entire area occupied by a splitcontainer. the div is under the sizer

Files:

• trunk/src/widget/SplitContainer.js (modified) (5 diffs)

trunk/src/widget/SplitContainer.js

@@ -62 +62 @@
                 // to keep other combined css classes from inadvertantly making the overflow visible
                 if (dojo.render.html.moz) {
-                        this.domNode.style.overflow = '-moz-scrollbars-none'; // hidden doesn't work
-                }
-                
+                        this.domNode.style.overflow = '-moz-scrollbars-none'; // hidden doesn't work
+                }
+
                 var content = dojo.html.getContentBox(this.domNode);
                 this.paneWidth = content.width;
@@ -75 +75 @@
                 this.paneHeight = content.height;
                 this._layoutPanels();
+                if(this.cover){
+                        this._updateCoverSize();
+                }
         },
 
@@ -340 +343 @@
         },
 
+        _updateCoverSize: function(){
+                this.cover.style.width=this.paneWidth+"px";
+                this.cover.style.height=this.paneHeight+"px";
+        },
         beginSizing: function(e, i){
                 this.paneBefore = this.children[i];
@@ -346 +353 @@
                 this.isSizing = true;
                 this.sizingSplitter = this.sizers[i];
+
+                if(!this.cover){
+                        this.cover = dojo.doc().createElement('div');
+                        this.domNode.appendChild(this.cover);
+                        var s = this.cover.style;
+                        s.position='absolute';
+                        s.zIndex=1;
+                        s.top=0;
+                        s.left=0;
+                        this._updateCoverSize();
+                }else{
+                        this.cover.style.display="";
+                }
+                this.sizingSplitter.style.zIndex=2;
+                
                 this.originPos = dojo.html.getAbsolutePosition(this.children[0].domNode, true, dojo.html.boxSizing.MARGIN_BOX);
                 if (this.isHorizontal){
@@ -386 +408 @@
 
         endSizing: function(e){
-
+                if(this.cover){
+                        this.cover.style.display='none';
+                }
                 if (!this.activeSizing){
                         this._hideSizingLine();