-Added new option to allow overflow to be visible on a panel.

Author: Lochemage

Build/wcDocker.css

@@ -228,7 +228,9 @@ html, body {
   overflow-y: auto;
 }
 
-
+.wcOverflowVisible {
+  overflow: visible;
+}
 
 
 

Build/wcDocker.js

@@ -1805,6 +1805,7 @@ function wcPanel(type) {
     y: true,
   };
 
+  this._overflowVisible = false;
   this._moveable = true;
   this._closeable = true;
 
@@ -1909,6 +1910,20 @@ wcPanel.prototype = {
     };
   },
 
+  // Gets, or Sets whether overflow on this panel is visible.
+  // Params:
+  //    visible   If supplied, assigns whether overflow is visible.
+  //
+  // Returns:
+  //    boolean   The current overflow visibility.
+  overflowVisible: function(visible) {
+    if (typeof visible !== 'undefined') {
+      this._overflowVisible = visible? true: false;
+    }
+
+    return this._overflowVisible;
+  },
+
   // Gets, or Sets whether the window is scrollable.
   // Params:
   //    x, y      If supplied, assigns whether the window is scrollable
@@ -2519,6 +2534,9 @@ wcFrame.prototype = {
       this.$center.toggleClass('wcScrollableX', scrollable.x);
       this.$center.toggleClass('wcScrollableY', scrollable.y);
 
+      var overflowVisible = panel.overflowVisible();
+      this.$center.toggleClass('wcOverflowVisible', overflowVisible);
+
       if (panel.moveable() && panel.title()) {
         this.$frame.prepend(this.$title);
         this.$center.css('top', '');

Build/wcDocker.min.css

@@ -364,6 +364,9 @@ wcFrame.prototype = {
       this.$center.toggleClass('wcScrollableX', scrollable.x);
       this.$center.toggleClass('wcScrollableY', scrollable.y);
 
+      var overflowVisible = panel.overflowVisible();
+      this.$center.toggleClass('wcOverflowVisible', overflowVisible);
+
       if (panel.moveable() && panel.title()) {
         this.$frame.prepend(this.$title);
         this.$center.css('top', '');

Build/wcDocker.min.js

@@ -53,6 +53,7 @@ function wcPanel(type) {
     y: true,
   };
 
+  this._overflowVisible = false;
   this._moveable = true;
   this._closeable = true;
 
@@ -157,6 +158,20 @@ wcPanel.prototype = {
     };
   },
 
+  // Gets, or Sets whether overflow on this panel is visible.
+  // Params:
+  //    visible   If supplied, assigns whether overflow is visible.
+  //
+  // Returns:
+  //    boolean   The current overflow visibility.
+  overflowVisible: function(visible) {
+    if (typeof visible !== 'undefined') {
+      this._overflowVisible = visible? true: false;
+    }
+
+    return this._overflowVisible;
+  },
+
   // Gets, or Sets whether the window is scrollable.
   // Params:
   //    x, y      If supplied, assigns whether the window is scrollable

Code/frame.js

@@ -228,7 +228,9 @@ html, body {
   overflow-y: auto;
 }
 
-
+.wcOverflowVisible {
+  overflow: visible;
+}