GridLayout positioning issue with Vaadin 6.1.x and IE


After switching from Vaadin 6.0.1 to 6.1.x, I encountered the problem that forcing grid layout with two disabled DateField components in one row leads to a lot of padding space added between them.

To reproduce the issue, run the following application (artificial, for demo purposes only) with Vaadin 6.1.0 or 6.1.1 and IE 6 and press “Refresh Date1” at least twice. The issue does neither show up with FF nor with Vaadin 6.0.1 and IE 6. Furthermore, it can be avoided by grouping the two DateField components within a HorizontalLayout.

Nevertheless, I think it makes sense to report this issue because it might contribute to Vaadin consistency and quality.

package com.example.project003;

import com.vaadin.Application;
import com.vaadin.ui.*;
import com.vaadin.ui.Button.ClickEvent;

public class Project003Application extends Application {
	public void init() {
		GridLayout cc = new GridLayout(2, 3);

		Label label = new Label("Positioning issue with Vaadin 6.1.x");
		cc.addComponent(label, 0, 0, 1, 0);
		final DateField dateField1 = new DateField("Date1", new java.util.Date());
		cc.addComponent(dateField1, 0, 1);
		final DateField dateField2 = new DateField("Date2", new java.util.Date());
		cc.addComponent(dateField2, 1, 1);
		Button button = new Button("Refresh Date1", new Button.ClickListener() {
	        public void buttonClick(ClickEvent event) {
	        	dateField1.setValue(new java.util.Date());
		cc.addComponent(button, 0, 2, 1, 2);
		Window mainWindow = new Window("Project003 Application", cc);


Please create a ticket for this issue at

EDIT: Created ticket