BorderContainer resizing problem

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view

BorderContainer resizing problem

Earl Hood

I am trying to determine if the following behavior is a valid bug or a
limitation that needs to be documented:

Problem in a nutshell:

- Take a bordercontainer with a left, center, and right region.
- Load page into browser, and resize browser window to maximum (this can
   be done by selecting the window maximize button in the window title
- Resize right region to maximimum size, causing left and center regions
   to be reduced to far left of window.
- Reduce size of browser window (e.g. select reduce window button in
   window title bar).


- The left and center regions are not visible, and the right splitter is
   off the screen (to the left).  I.e. The right region has a negative
   left offset.

Below is a sample page, adapted from demo provided from Dojo web site,
that can be used to illustrate the problem.

If this is considered a limitation and not a bug, is their advise on how
best to get bordercontainer to readjust itself to avoid the problem?



<!DOCTYPE html>
<link rel="stylesheet"
<style type="text/css">
html, body { width: 100%; height: 100%; margin: 0; overflow:hidden; }
#borderContainer { width: 100%; height: 100%; }
<script>dojoConfig = {parseOnLoad: true}</script>
require(["dojo/parser", "dijit/layout/ContentPane",
<body class="claro">
     <div data-dojo-type="dijit/layout/BorderContainer"
data-dojo-props="design:'sidebar', gutters:true, liveSplitters:true"
     <div data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="splitter:true, region:'left', minSize:50" style="width:
100px;">Hi, I'm left pane</div>
     <div data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="splitter:true, region:'center', minSize:50">Hi, I'm
center pane</div>
     <div data-dojo-type="dijit/layout/ContentPane"
data-dojo-props="splitter:true, region:'right', minSize:50">Hi, I'm
right pane</div>
Dojo Toolkit:

[hidden email]
To unsubscribe, visit: