component size problem inside modal window whith full size

Hi all,

here is the problem I’m facing.
I have a resizable modal window with a table inside.
When I press the button to maximise the window, the table inside the window is not resized.
Then if I press again the button to get back the original window’s size, the table does not fit in anymore (it seems to be full length now).

On the contrary, when resizing the window manualy, everything is fine (but I would really like the users to be able to maximise the window)
It’s like the component is not aware of the size changing when using the maximise button.
I tried to add a layout (set in fullSize) around the table, play with width and height but nothing helps so far.

here is a sample to illustrate the issue:

public class TestWindow extends Window {
    public testWindow() {
        // Title 
        setCaption("testWindow title");
        // Table  
        Table table = new Table();
        // just a 3 columns table
        table.addContainerProperty("first column", String.class, null);
        table.addContainerProperty("second column", Integer.class, null);
        table.addContainerProperty("third column", Integer.class, null);
        // some rows 
        table.addItem(new Object{"first line", 1, 1}, 1);
        table.addItem(new Object{"this line is really looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong ", 2, 2}, 2);
        table.addItem(new Object{"third line",3, 3}, 3);
        /* windows' style */
        setHeight(50, Unit.PERCENTAGE);
        setWidth(75, Unit.PERCENTAGE);

I’m using Vaadin 7.3 with Valo Theme.
Could anyone help me on that please ?


Hi Matt,

Yes, I can reproduce the problem. It only happens with Valo theme. I think this is a bug. Could you file a ticket to

Actually, the problem is discussed also here:!/thread/8268878
There is also an workaround for the problem.

hi Jarno,

thanks for the link.
It’s indeed the exact same problem.
The workaround fixed the issue.

.v-window { @include transition(none); } Cheers