Valo - problem with TextField on 100% width layout and expand ratio set (IE

Flow
1

With following UI:

package com.vaadin.tutorial.addressbook;

import com.vaadin.annotations.Theme;
import com.vaadin.server.VaadinRequest;
import com.vaadin.ui.HorizontalLayout;
import com.vaadin.ui.TextField;
import com.vaadin.ui.UI;


@SuppressWarnings("serial")
@Theme("valo")
public class Test1UI extends UI {

    @Override
    protected void init(VaadinRequest request) {
        
        HorizontalLayout layout = new HorizontalLayout();
        layout.setWidth("100%");        
        
        TextField longField = new TextField("Long field");
        TextField shortField = new TextField("Short field");
        
        layout.addComponent(longField);
        layout.addComponent(shortField);
        
        layout.setExpandRatio(longField, 1);
        
        setContent(layout);
    }

}

it is imposible to write text to
longField
(field gets focus on click, but curson doesn’t appear). The problem occures in IE only (ver 11); FF and Chrome work correctly.

How can I fix it?

Thx
Agata

2

Hi Agata,
I couldn’t reproduce your particular problem, but I can advise you to add line
longField.setWidth(“100%”)
 for expansion to work correctly. See https://vaadin.com/book/-/page/layout.orderedlayout.html, chapter “Expanding components”.

Best regards,
Sergey.

3

Have tried the code in IE 11?

It is missing on purpose as this is minimal code to reproduce the issue.
When the width is set to 100%, cursor appears, when you click
after
 the region that is visible without this (see screenshot).

Agata
19948.png

4

Yes, I tried with IE 11.0.9600.17843, Vaadin 7.4.7.
Is this problem specific to only one IE installation, or reproducible with others?

Best regards,
Sergey.

5

I have IE 11.0.9600.17801 update 11.0.19 (KB3049563) with automatic updates swiched on - this is company policy.
I use FF, some users use Chrome, but some users reported the problem yesterday. It happens at least with 4 instances of IE (I believe in every IE in our company).

6

OK, I see. In this case, feel free to add a ticket at https://dev.vaadin.com/, it will be properly investigated, and you will be updated on the status.

Best regards,
Sergey.

7

Ticket created:
https://dev.vaadin.com/ticket/18235