<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
    <p>Your proportional should add up to 1, otherwise the system will
      make a choice for you. Here it chooses to have no void, and
      reallocate the free space proportionally.</p>
    <p>It is my interpretation. <br>
    </p>
    <p>Nevertheless, you should not meet a situation when you do not add
      up to 1. Why have unused space in a layout? Space screen is
      expensive.</p>
    <p>If you want to trick the system you can add transparent morph:</p>
    <div style="background: #ffffff;
      overflow:auto;width:auto;border:solid gray;border-width:.1em .1em
      .1em .8em;padding:.2em .6em;">
      <pre style="margin: 0; line-height: 125%"><span style="color: #333333">|</span><span style="color: #996633">l b1 b2 t </span><span style="color: #333333">|</span>
<span style="color: #996633">l</span> <span style="color: #333333">:=</span> <span style="color: #BB0066; font-weight: bold">LayoutMorph</span> <span style="color: #0066BB; font-weight: bold">newColumn</span> .
<span style="color: #996633">b1</span> <span style="color: #333333">:=</span> <span style="color: #BB0066; font-weight: bold">BoxedMorph</span> <span style="color: #007020">new</span> <span style="color: #0066BB; font-weight: bold">layoutSpec:</span> (<span style="color: #BB0066; font-weight: bold">LayoutSpec</span> <span style="color: #0066BB; font-weight: bold">proportionalHeight:</span> <span style="color: #6600EE; font-weight: bold">0.1</span>) <span style="color: #FF0000; background-color: #FFAAAA">::</span> <span style="color: #0066BB; font-weight: bold">color:</span> <span style="color: #BB0066; font-weight: bold">Color</span> <span style="color: #0066BB; font-weight: bold">green</span>.
<span style="color: #996633">b2</span> <span style="color: #333333">:=</span> <span style="color: #BB0066; font-weight: bold">BoxedMorph</span> <span style="color: #007020">new</span> <span style="color: #0066BB; font-weight: bold">layoutSpec:</span> (<span style="color: #BB0066; font-weight: bold">LayoutSpec</span> <span style="color: #0066BB; font-weight: bold">proportionalHeight:</span> <span style="color: #6600EE; font-weight: bold">0.1</span>) <span style="color: #FF0000; background-color: #FFAAAA">::</span> <span style="color: #0066BB; font-weight: bold">color:</span> <span style="color: #BB0066; font-weight: bold">Color</span> <span style="color: #0066BB; font-weight: bold">red</span>.
<span style="color: #996633">t</span> <span style="color: #333333">:=</span> <span style="color: #BB0066; font-weight: bold">BoxedMorph</span> <span style="color: #007020">new</span> <span style="color: #0066BB; font-weight: bold">layoutSpec:</span> (<span style="color: #BB0066; font-weight: bold">LayoutSpec</span> <span style="color: #0066BB; font-weight: bold">proportionalHeight:</span> <span style="color: #6600EE; font-weight: bold">0.8</span>) <span style="color: #FF0000; background-color: #FFAAAA">::</span> <span style="color: #0066BB; font-weight: bold">color:</span> <span style="color: #BB0066; font-weight: bold">Color</span> <span style="color: #0066BB; font-weight: bold">transparent</span> .
<span style="color: #996633">l</span> <span style="color: #0066BB; font-weight: bold">addMorph:</span> <span style="color: #996633">b1</span>.
<span style="color: #996633">l</span> <span style="color: #0066BB; font-weight: bold">addMorph:</span> <span style="color: #996633">t</span>.
<span style="color: #996633">l</span> <span style="color: #0066BB; font-weight: bold">addMorph:</span> <span style="color: #996633">b2</span>.
<span style="color: #996633">l</span> <span style="color: #0066BB; font-weight: bold">openInWorld</span>. 
</pre>
    </div>
    <p><!-- HTML generated using hilite.me --></p>
    <p><br>
    </p>
    <div class="moz-cite-prefix">Le 05/08/2023 à 17:31, Szabolcs
      Komáromi via Cuis-dev a écrit :<br>
    </div>
    <blockquote type="cite"
      cite="mid:d44cf8d6-8c92-4ea0-977f-2193cb3d222c@app.fastmail.com">
      <div>Hi,<br>
      </div>
      <div><br>
      </div>
      <div>Shouldn't this code produce a morph with a green and red box
        inside the gray box at the gray box's top edge? And the red and
        green box should have a height 10% of the gray box's height?
        Every other direction works that way. <br>
      </div>
      <div><br>
      </div>
      <div>Or I don't understand something fundamental about laying out
        morphs. The furthermost Workspace's morph looks wrong to me.</div>
    </blockquote>
  </body>
</html>