IE TextField Issue

Vaadin 6 / 7 / 8 Framework UI
1

I am using 6.2 in Liferay on GlassFish and have an issue with the TextField in IE7/8. I have a button and a text field on a modal window. If you enter text in the text field and click submit the value of the code is null on IE7/8. This works fine on Firefox and Safari. I have reduced the code down to the simplest example and it sill fails.

The code: (This is used as a modal dialog).

public class OneTimePayment extends Window
{

    private static final Logger logger = Logger.getLogger(OneTimePayment.class.getName());
    private TextField txtField;
    private Button btnOk,  btnCancel;

   public SampleWindow()
    {
        super("SampleWindow");

        this.setModal(true);
        this.setWidth("580px");
        this.setResizable(false);

        txtField = new TextField();

        this.addComponent(txtField);

        btnOk = new Button("Submit");
        btnCancel = new Button("Cancel");
        btnCancel.addListener(new ClickListener()
        {

            @Override
            public void buttonClick(ClickEvent event)
            {
                close();
            }
        });

        btnOk.addListener(new ClickListener()
        {

            @Override
            public void buttonClick(ClickEvent event)
            {
                String amt = (String) txtField.getValue();
                logger.info("Amount: " + amt);
            }
        });
        this.addComponent(btnOk);
        this.addComponent(btnCancel);
    }

I saw a similar issue posted back in late 09 but no responses.

It appears that if you tab off and then click the ok button the value is there. But entering text and immediately clicking the submit button the value is null (Seems like the blur event is not fired).

I need this solved like yesterday. Can anyone help or is there some workaround that will make this work?

Thanks.
LKF

2

First let me just say that a good way to get answers quicker is to post working and complete example code that can be copy/pasted and run. If the code is used as a modal dialog, add the few lines required to use it as a modal dialog in a demo application (and test the code so you don’t use mismatching class and constructor names).

I tested the code using a standalone Tomcat in IE8 (and IE7 compatibility mode) and could see no issues. But it does not sound like it should be related to application servlet or Liferay. Can you reproduce it in a standalone Tomcat/Jetty/Flassfish using a basic (servlet) application?