TextField.setValue doesn't change the value.

Setting “” (empty string) on the lastName TextField in shortcut scope example doesn’t work. It works only when the focus is on the firstName TextField, and might work when playing around with focus.

public class Scope extends Div {
    public Scope() {
        TextField firstName = new TextField();
        TextField lastName = new TextField();

        add(firstName, lastName);

        Command command = () -> {
            firstName.setValue("");
            lastName.setValue("");
            firstName.focus();
        };
        // first parameter is the lifecycle owner of the shortcut and
        // will be discussed later.
        Shortcuts.addShortcutListener(this, command, Key.ESCAPE)
                // defines the component onto which the shortcuts listener
                // is attached:
                .listenOn(this);
    }
}

When fixing this improve also the documentation and also type and field naming in the example.

[mstahv]

I pretty sure this is what happens:

1. You type foo into an empty text field
2. You hit the shortcut
3. The server side instructs text field to be empty
4. The server thinks it is smart and doesn’t send the empty value to the client as it thinks it is still empty. The foo remains in the text field.

Please don’t tell me it is a feature 🤓

[Legioth]

There’s a separate ticket for the assumed root cause. https://github.com/vaadin/flow/issues/7046.