Nested SplitPanel bug with 7.3.0.beta1

If I construct a UI with 3 levels of split panels, like this:

[code]
final HorizontalSplitPanel outerPanel = new HorizontalSplitPanel();
{
final VerticalSplitPanel lhsPanel = new VerticalSplitPanel();
{
final HorizontalSplitPanel topPanel = new HorizontalSplitPanel();

            {
                TextField tf = new TextField();
                tf.setValue("top left");
                topPanel.addComponent(tf);
            }

            {
                TextField tf = new TextField();
                tf.setValue("top middle");
                topPanel.addComponent(tf);
            }

            topPanel.setSplitPosition(25, Unit.PERCENTAGE, false);
            lhsPanel.addComponent(topPanel);
        }

        {
            TextField tf = new TextField();
            tf.setValue("bottom left");
            lhsPanel.addComponent(tf);
        }

        lhsPanel.setSplitPosition(33, Unit.PERCENTAGE, false);
        outerPanel.addComponent(lhsPanel);
    }

    {
        TextField tf = new TextField();
        tf.setValue("right");
        outerPanel.addComponent(tf);
    }

    outerPanel.setSplitPosition(66, Unit.PERCENTAGE, false);

    super.setContent(outerPanel);

[/code]then under 7.2.5 I get something like this:



top left | top middle |
---------±-----------| right
bottom left |

as expected. However on 7.3.0.beta1 I get this:



top left | top middle | (bottom left)
---------±-----------| right
|

The “bottom left” panel is hidden behind the “right” panel. You can see it by clicking in the “top middle” field and hitting TAB.

is this a bug with the beta, or am I doing something wrong?

rgds,
Jon

I’ve raised this as a defect with 7.3.0.beta1:


http://dev.vaadin.com/ticket/14283#ticket