From 78a5468279ddc442ac64d045f5fe4aa79ed9ef6e Mon Sep 17 00:00:00 2001
From: Artur Signell <artur@vaadin.com>
Date: Thu, 1 Sep 2016 14:56:41 +0300
Subject: [PATCH] Implement new RichTextArea

Change-Id: I6f430c77caaad6d610133f340eba960f2268897e
---
 all/src/main/templates/release-notes.html     |   1 +
 .../com/vaadin/client/ui/VRichTextArea.java   | 415 +++++++++++++++
 .../richtextarea/RichTextAreaConnector.java   | 139 +++++
 .../ui/richtextarea/VRichTextToolbar.java     | 476 ++++++++++++++++++
 .../client/ui/textarea/TextAreaConnector.java |   6 +-
 .../textfield/AbstractTextFieldConnector.java |  71 +--
 .../ui/textfield/TextFieldConnector.java      |   5 +-
 .../ui/textfield/ValueChangeHandler.java      | 129 +++++
 .../VRichTextToolbar$Strings.properties       |  35 ++
 .../client/ui/richtextarea/backColors.gif     | Bin 0 -> 104 bytes
 .../vaadin/client/ui/richtextarea/bold.gif    | Bin 0 -> 900 bytes
 .../client/ui/richtextarea/createLink.gif     | Bin 0 -> 954 bytes
 .../client/ui/richtextarea/fontSizes.gif      | Bin 0 -> 96 bytes
 .../vaadin/client/ui/richtextarea/fonts.gif   | Bin 0 -> 147 bytes
 .../client/ui/richtextarea/foreColors.gif     | Bin 0 -> 173 bytes
 .../vaadin/client/ui/richtextarea/gwtLogo.png | Bin 0 -> 11454 bytes
 .../com/vaadin/client/ui/richtextarea/hr.gif  | Bin 0 -> 853 bytes
 .../vaadin/client/ui/richtextarea/indent.gif  | Bin 0 -> 76 bytes
 .../client/ui/richtextarea/insertImage.gif    | Bin 0 -> 946 bytes
 .../vaadin/client/ui/richtextarea/italic.gif  | Bin 0 -> 190 bytes
 .../client/ui/richtextarea/justifyCenter.gif  | Bin 0 -> 70 bytes
 .../client/ui/richtextarea/justifyLeft.gif    | Bin 0 -> 71 bytes
 .../client/ui/richtextarea/justifyRight.gif   | Bin 0 -> 70 bytes
 .../com/vaadin/client/ui/richtextarea/ol.gif  | Bin 0 -> 204 bytes
 .../vaadin/client/ui/richtextarea/outdent.gif | Bin 0 -> 76 bytes
 .../client/ui/richtextarea/removeFormat.gif   | Bin 0 -> 962 bytes
 .../client/ui/richtextarea/removeLink.gif     | Bin 0 -> 585 bytes
 .../client/ui/richtextarea/strikeThrough.gif  | Bin 0 -> 915 bytes
 .../client/ui/richtextarea/subscript.gif      | Bin 0 -> 933 bytes
 .../client/ui/richtextarea/superscript.gif    | Bin 0 -> 232 bytes
 .../com/vaadin/client/ui/richtextarea/ul.gif  | Bin 0 -> 133 bytes
 .../client/ui/richtextarea/underline.gif      | Bin 0 -> 914 bytes
 .../java/com/vaadin/ui/AbstractField.java     |  15 +-
 .../java/com/vaadin/ui/AbstractTextField.java |  49 +-
 .../com/vaadin/ui/HasValueChangeMode.java     |  69 +++
 .../java/com/vaadin/ui/PasswordField.java     |  12 -
 .../main/java/com/vaadin/ui/RichTextArea.java | 170 +++++++
 .../AbstractTextFieldDeclarativeTest.java     |   2 +-
 .../java/com/vaadin/ui/ComponentTest.java     |  98 ++++
 .../java/com/vaadin/ui/RichTextAreaTest.java  | 107 ++++
 .../ui/{textfield => }/ValueChangeMode.java   |   2 +-
 .../richtextarea/RichTextAreaClientRpc.java   |  29 ++
 .../richtextarea/RichTextAreaServerRpc.java   |  33 ++
 .../ui/richtextarea/RichTextAreaState.java    |  52 ++
 .../ui/textfield/AbstractTextFieldState.java  |   1 +
 .../themes/base/textfield/textfield.scss      |   2 +-
 .../com/vaadin/tests/TestCaptionWrapper.java  |   2 +-
 .../vaadin/tests/TestForRichTextEditor.java   |  75 ---
 .../AbstractComponentContainerTest.java       |   2 +-
 .../notification/NotificationsWaiAria.java    |   2 +-
 .../popupview/PopupViewWithRTE.java           |   2 +-
 .../richtextarea/RichTextAreaEmptyString.java |   2 +-
 .../RichTextAreaRelativeHeightResize.java     |   2 +-
 .../richtextarea/RichTextAreaScrolling.java   |   2 +-
 .../richtextarea/RichTextAreaSize.java        |   2 +-
 .../richtextarea/RichTextAreaTest.java        |  47 +-
 .../RichTextAreaUpdateWhileTyping.java        |   2 +-
 .../RichTextAreaWithKeyboardShortcuts.java    |   2 +-
 .../richtextarea/RichTextAreas.java           |   2 +-
 .../splitpanel/GridLayoutWithCheckbox.java    |   2 +-
 .../SplitPanelWithRichTextArea.java           |   2 +-
 .../textfield/MultipleTextChangeEvents.java   |   2 +-
 .../textfield/TextFieldsValueChangeMode.java  | 152 ++++++
 .../tests/components/tree/TreeScrolling.java  |   2 +-
 .../uitest/components/TextFieldsCssTest.java  |   2 +-
 .../window/WindowCloseShortcuts.java          |   2 +-
 .../com/vaadin/tests/fields/TabIndexes.java   |   3 +-
 .../vaadin/tests/navigator/NavigatorTest.java |   2 +-
 .../com/vaadin/tests/themes/valo/Forms.java   |   2 +-
 .../vaadin/tests/themes/valo/TextFields.java  |   2 +-
 .../textarea/TextAreaCursorPosition.java      |   2 +-
 .../textfield/TextChangeEvents.java           | 146 ------
 .../TextFieldsValueChangeModeTest.java        | 124 +++++
 73 files changed, 2103 insertions(+), 404 deletions(-)
 create mode 100644 client/src/main/java/com/vaadin/client/ui/VRichTextArea.java
 create mode 100644 client/src/main/java/com/vaadin/client/ui/richtextarea/RichTextAreaConnector.java
 create mode 100644 client/src/main/java/com/vaadin/client/ui/richtextarea/VRichTextToolbar.java
 create mode 100644 client/src/main/java/com/vaadin/client/ui/textfield/ValueChangeHandler.java
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/VRichTextToolbar$Strings.properties
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/backColors.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/bold.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/createLink.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/fontSizes.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/fonts.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/foreColors.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/gwtLogo.png
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/hr.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/indent.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/insertImage.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/italic.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/justifyCenter.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/justifyLeft.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/justifyRight.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/ol.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/outdent.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/removeFormat.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/removeLink.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/strikeThrough.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/subscript.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/superscript.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/ul.gif
 create mode 100644 client/src/main/resources/com/vaadin/client/ui/richtextarea/underline.gif
 create mode 100644 server/src/main/java/com/vaadin/ui/HasValueChangeMode.java
 create mode 100644 server/src/main/java/com/vaadin/ui/RichTextArea.java
 create mode 100644 server/src/test/java/com/vaadin/ui/ComponentTest.java
 create mode 100644 server/src/test/java/com/vaadin/ui/RichTextAreaTest.java
 rename shared/src/main/java/com/vaadin/shared/ui/{textfield => }/ValueChangeMode.java (97%)
 create mode 100644 shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaClientRpc.java
 create mode 100644 shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaServerRpc.java
 create mode 100644 shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaState.java
 delete mode 100644 uitest/src/main/java/com/vaadin/tests/TestForRichTextEditor.java
 create mode 100644 uitest/src/main/java/com/vaadin/tests/components/textfield/TextFieldsValueChangeMode.java
 delete mode 100644 uitest/src/main/java/com/vaadin/v7/tests/components/textfield/TextChangeEvents.java
 create mode 100644 uitest/src/test/java/com/vaadin/tests/components/textfield/TextFieldsValueChangeModeTest.java

diff --git a/all/src/main/templates/release-notes.html b/all/src/main/templates/release-notes.html
index 8e2d29d955..568006e622 100644
--- a/all/src/main/templates/release-notes.html
+++ b/all/src/main/templates/release-notes.html
@@ -128,6 +128,7 @@
             <li>Old input prompts have been replaced with placeholders utilizing the related browser functionality</li>
             <li>The old liferay theme (Liferay 6.0 look) has been removed</li>
             <li>Components in the compatibility packages now use the prefix "vaadin7-" in declarative design files</li>
+            <li>RichTextArea no longer receives a special "v-richtextarea-readonly" class when readonly, only the standard "v-readonly" class</li>
         </ul>
         <h3 id="knownissues">Known Issues and Limitations</h3>
         <ul>
diff --git a/client/src/main/java/com/vaadin/client/ui/VRichTextArea.java b/client/src/main/java/com/vaadin/client/ui/VRichTextArea.java
new file mode 100644
index 0000000000..75bec94dca
--- /dev/null
+++ b/client/src/main/java/com/vaadin/client/ui/VRichTextArea.java
@@ -0,0 +1,415 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+
+package com.vaadin.client.ui;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.Map.Entry;
+import java.util.function.Consumer;
+
+import com.google.gwt.core.client.Scheduler;
+import com.google.gwt.dom.client.BodyElement;
+import com.google.gwt.dom.client.Element;
+import com.google.gwt.dom.client.IFrameElement;
+import com.google.gwt.dom.client.NativeEvent;
+import com.google.gwt.event.dom.client.BlurHandler;
+import com.google.gwt.event.dom.client.KeyDownEvent;
+import com.google.gwt.event.dom.client.KeyDownHandler;
+import com.google.gwt.event.dom.client.KeyPressEvent;
+import com.google.gwt.event.dom.client.KeyPressHandler;
+import com.google.gwt.event.shared.HandlerRegistration;
+import com.google.gwt.user.client.Command;
+import com.google.gwt.user.client.Timer;
+import com.google.gwt.user.client.ui.Composite;
+import com.google.gwt.user.client.ui.FlowPanel;
+import com.google.gwt.user.client.ui.Focusable;
+import com.google.gwt.user.client.ui.HTML;
+import com.google.gwt.user.client.ui.HasEnabled;
+import com.google.gwt.user.client.ui.RichTextArea;
+import com.google.gwt.user.client.ui.Widget;
+import com.vaadin.client.ApplicationConnection;
+import com.vaadin.client.BrowserInfo;
+import com.vaadin.client.ConnectorMap;
+import com.vaadin.client.ui.ShortcutActionHandler.ShortcutActionHandlerOwner;
+import com.vaadin.client.ui.richtextarea.VRichTextToolbar;
+
+/**
+ * This class implements a basic client side rich text editor component.
+ *
+ * @author Vaadin Ltd.
+ *
+ */
+public class VRichTextArea extends Composite implements Field, KeyPressHandler,
+        KeyDownHandler, Focusable, HasEnabled {
+
+    /**
+     * The input node CSS classname.
+     */
+    public static final String CLASSNAME = "v-richtextarea";
+
+    /** For internal use only. May be removed or replaced in the future. */
+    public String id;
+
+    /** For internal use only. May be removed or replaced in the future. */
+    public ApplicationConnection client;
+
+    /** For internal use only. May be removed or replaced in the future. */
+    public boolean immediate = false;
+
+    /** For internal use only. May be removed or replaced in the future. */
+    public RichTextArea rta;
+
+    /** For internal use only. May be removed or replaced in the future. */
+    public VRichTextToolbar formatter;
+
+    /** For internal use only. May be removed or replaced in the future. */
+    public HTML html = new HTML();
+
+    private final FlowPanel fp = new FlowPanel();
+
+    private boolean enabled = true;
+
+    /** For internal use only. May be removed or replaced in the future. */
+    public int maxLength = -1;
+
+    private int toolbarNaturalWidth = 500;
+
+    /** For internal use only. May be removed or replaced in the future. */
+    public HandlerRegistration keyPressHandler;
+
+    private ShortcutActionHandlerOwner hasShortcutActionHandler;
+
+    private boolean readOnly = false;
+
+    private final Map<BlurHandler, HandlerRegistration> blurHandlers = new HashMap<BlurHandler, HandlerRegistration>();
+
+    private List<Command> inputHandlers = new ArrayList<>();
+
+    public VRichTextArea() {
+        createRTAComponents();
+        fp.add(formatter);
+        fp.add(rta);
+
+        initWidget(fp);
+        setStyleName(CLASSNAME);
+
+        TouchScrollDelegate.enableTouchScrolling(html, html.getElement());
+    }
+
+    private void createRTAComponents() {
+        rta = new RichTextArea();
+        rta.setWidth("100%");
+        rta.addKeyDownHandler(this);
+        rta.addInitializeHandler(e -> {
+            // Must wait until iframe is attached to be able to access body
+            BodyElement rtaBody = IFrameElement.as(rta.getElement())
+                    .getContentDocument().getBody();
+            addInputListener(rtaBody, event -> {
+                inputHandlers.forEach(handler -> handler.execute());
+            });
+        });
+
+        formatter = new VRichTextToolbar(rta);
+
+        // Add blur handlers
+        for (Entry<BlurHandler, HandlerRegistration> handler : blurHandlers
+                .entrySet()) {
+
+            // Remove old registration
+            handler.getValue().removeHandler();
+
+            // Add blur handlers
+            addBlurHandler(handler.getKey());
+        }
+    }
+
+    private native void addInputListener(Element element,
+            Consumer<NativeEvent> listener)
+    /*-{
+        element.addEventListener("input", $entry(function(event) {
+            listener.@java.util.function.Consumer::accept(Ljava/lang/Object;)(event);
+        }));
+    }-*/;
+
+    public void setMaxLength(int maxLength) {
+        if (maxLength >= 0) {
+            if (this.maxLength == -1) {
+                keyPressHandler = rta.addKeyPressHandler(this);
+            }
+            this.maxLength = maxLength;
+        } else if (this.maxLength != -1) {
+            this.maxLength = -1;
+            keyPressHandler.removeHandler();
+        }
+
+    }
+
+    @Override
+    public void setEnabled(boolean enabled) {
+        if (this.enabled != enabled) {
+            // rta.setEnabled(enabled);
+            swapEditableArea();
+            this.enabled = enabled;
+        }
+    }
+
+    @Override
+    public boolean isEnabled() {
+        return enabled;
+    }
+
+    /**
+     * Swaps html to rta and visa versa.
+     */
+    private void swapEditableArea() {
+        String value = getValue();
+        if (html.isAttached()) {
+            fp.remove(html);
+            if (BrowserInfo.get().isWebkit()) {
+                fp.remove(formatter);
+                createRTAComponents(); // recreate new RTA to bypass #5379
+                fp.add(formatter);
+            }
+            fp.add(rta);
+        } else {
+            fp.remove(rta);
+            fp.add(html);
+        }
+        setValue(value);
+    }
+
+    /** For internal use only. May be removed or replaced in the future. */
+    public void selectAll() {
+        /*
+         * There is a timing issue if trying to select all immediately on first
+         * render. Simple deferred command is not enough. Using Timer with
+         * moderated timeout. If this appears to fail on many (most likely slow)
+         * environments, consider increasing the timeout.
+         *
+         * FF seems to require the most time to stabilize its RTA. On Vaadin
+         * tiergarden test machines, 200ms was not enough always (about 50%
+         * success rate) - 300 ms was 100% successful. This however was not
+         * enough on a sluggish old non-virtualized XP test machine. A bullet
+         * proof solution would be nice, GWT 2.1 might however solve these. At
+         * least setFocus has a workaround for this kind of issue.
+         */
+        new Timer() {
+            @Override
+            public void run() {
+                rta.getFormatter().selectAll();
+            }
+        }.schedule(320);
+    }
+
+    public void setReadOnly(boolean b) {
+        if (isReadOnly() != b) {
+            swapEditableArea();
+            readOnly = b;
+        }
+        // reset visibility in case enabled state changed and the formatter was
+        // recreated
+        formatter.setVisible(!readOnly);
+    }
+
+    private boolean isReadOnly() {
+        return readOnly;
+    }
+
+    @Override
+    public void setHeight(String height) {
+        super.setHeight(height);
+        if (height == null || height.equals("")) {
+            rta.setHeight("");
+        }
+    }
+
+    @Override
+    public void setWidth(String width) {
+        if (width.equals("")) {
+            /*
+             * IE cannot calculate the width of the 100% iframe correctly if
+             * there is no width specified for the parent. In this case we would
+             * use the toolbar but IE cannot calculate the width of that one
+             * correctly either in all cases. So we end up using a default width
+             * for a RichTextArea with no width definition in all browsers (for
+             * compatibility).
+             */
+
+            super.setWidth(toolbarNaturalWidth + "px");
+        } else {
+            super.setWidth(width);
+        }
+    }
+
+    @Override
+    public void onKeyPress(KeyPressEvent event) {
+        if (maxLength >= 0) {
+            Scheduler.get().scheduleDeferred(new Command() {
+                @Override
+                public void execute() {
+                    if (rta.getHTML().length() > maxLength) {
+                        rta.setHTML(rta.getHTML().substring(0, maxLength));
+                    }
+                }
+            });
+        }
+    }
+
+    @Override
+    public void onKeyDown(KeyDownEvent event) {
+        // delegate to closest shortcut action handler
+        // throw event from the iframe forward to the shortcuthandler
+        ShortcutActionHandler shortcutHandler = getShortcutHandlerOwner()
+                .getShortcutActionHandler();
+        if (shortcutHandler != null) {
+            shortcutHandler.handleKeyboardEvent(
+                    com.google.gwt.user.client.Event.as(event.getNativeEvent()),
+                    ConnectorMap.get(client).getConnector(this));
+        }
+    }
+
+    private ShortcutActionHandlerOwner getShortcutHandlerOwner() {
+        if (hasShortcutActionHandler == null) {
+            Widget parent = getParent();
+            while (parent != null) {
+                if (parent instanceof ShortcutActionHandlerOwner) {
+                    break;
+                }
+                parent = parent.getParent();
+            }
+            hasShortcutActionHandler = (ShortcutActionHandlerOwner) parent;
+        }
+        return hasShortcutActionHandler;
+    }
+
+    @Override
+    public int getTabIndex() {
+        return rta.getTabIndex();
+    }
+
+    @Override
+    public void setAccessKey(char key) {
+        rta.setAccessKey(key);
+    }
+
+    @Override
+    public void setFocus(boolean focused) {
+        /*
+         * Similar issue as with selectAll. Focusing must happen before possible
+         * selectall, so keep the timeout here lower.
+         */
+        new Timer() {
+
+            @Override
+            public void run() {
+                rta.setFocus(true);
+            }
+        }.schedule(300);
+    }
+
+    @Override
+    public void setTabIndex(int index) {
+        rta.setTabIndex(index);
+    }
+
+    /**
+     * Sets the value of the text area.
+     *
+     * @param value
+     *            The text value, as HTML
+     */
+    public void setValue(String value) {
+        if (rta.isAttached()) {
+            rta.setHTML(value);
+        } else {
+            html.setHTML(value);
+        }
+    }
+
+    /**
+     * Gets the value of the text area.
+     *
+     * @return the value as HTML
+     */
+    public String getValue() {
+        if (rta.isAttached()) {
+            return rta.getHTML();
+        } else {
+            return html.getHTML();
+        }
+    }
+
+    /**
+     * Browsers differ in what they return as the content of a visually empty
+     * rich text area. This method is used to normalize these to an empty
+     * string. See #8004.
+     *
+     * @return cleaned html string
+     */
+    public String getSanitizedValue() {
+        BrowserInfo browser = BrowserInfo.get();
+        String result = getValue();
+        if (browser.isFirefox()) {
+            if ("<br>".equals(result)) {
+                result = "";
+            }
+        } else if (browser.isWebkit() || browser.isEdge()) {
+            if ("<br>".equals(result) || "<div><br></div>".equals(result)) {
+                result = "";
+            }
+        } else if (browser.isIE()) {
+            if ("<P>&nbsp;</P>".equals(result)) {
+                result = "";
+            }
+        } else if (browser.isOpera()) {
+            if ("<br>".equals(result) || "<p><br></p>".equals(result)) {
+                result = "";
+            }
+        }
+        return result;
+    }
+
+    /**
+     * Adds a blur handler to the component.
+     *
+     * @param blurHandler
+     *            the blur handler to add
+     */
+    public void addBlurHandler(BlurHandler blurHandler) {
+        blurHandlers.put(blurHandler, rta.addBlurHandler(blurHandler));
+    }
+
+    /**
+     * Removes a blur handler.
+     *
+     * @param blurHandler
+     *            the handler to remove
+     */
+    public void removeBlurHandler(BlurHandler blurHandler) {
+        HandlerRegistration registration = blurHandlers.remove(blurHandler);
+        if (registration != null) {
+            registration.removeHandler();
+        }
+    }
+
+    public HandlerRegistration addInputHandler(Command inputHandler) {
+        inputHandlers.add(inputHandler);
+        return () -> inputHandlers.remove(inputHandler);
+    }
+}
diff --git a/client/src/main/java/com/vaadin/client/ui/richtextarea/RichTextAreaConnector.java b/client/src/main/java/com/vaadin/client/ui/richtextarea/RichTextAreaConnector.java
new file mode 100644
index 0000000000..87c5b938e6
--- /dev/null
+++ b/client/src/main/java/com/vaadin/client/ui/richtextarea/RichTextAreaConnector.java
@@ -0,0 +1,139 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.vaadin.client.ui.richtextarea;
+
+import com.google.gwt.event.dom.client.BlurEvent;
+import com.google.gwt.event.dom.client.BlurHandler;
+import com.vaadin.client.annotations.OnStateChange;
+import com.vaadin.client.ui.AbstractFieldConnector;
+import com.vaadin.client.ui.ConnectorFocusAndBlurHandler;
+import com.vaadin.client.ui.SimpleManagedLayout;
+import com.vaadin.client.ui.VRichTextArea;
+import com.vaadin.client.ui.textfield.ValueChangeHandler;
+import com.vaadin.shared.ui.Connect;
+import com.vaadin.shared.ui.Connect.LoadStyle;
+import com.vaadin.shared.ui.richtextarea.RichTextAreaClientRpc;
+import com.vaadin.shared.ui.richtextarea.RichTextAreaServerRpc;
+import com.vaadin.shared.ui.richtextarea.RichTextAreaState;
+import com.vaadin.ui.RichTextArea;
+
+/**
+ * Connector for RichTextArea.
+ */
+@Connect(value = RichTextArea.class, loadStyle = LoadStyle.EAGER)
+public class RichTextAreaConnector extends AbstractFieldConnector
+        implements SimpleManagedLayout, ValueChangeHandler.Owner {
+
+    private class RichTextAreaClientRpcImpl implements RichTextAreaClientRpc {
+        @Override
+        public void selectAll() {
+            getWidget().selectAll();
+        }
+    }
+
+    private ValueChangeHandler valueChangeHandler;
+
+    @Override
+    protected void init() {
+        getWidget().addBlurHandler(new BlurHandler() {
+            @Override
+            public void onBlur(BlurEvent event) {
+                flush();
+            }
+        });
+        getWidget().addInputHandler(() -> {
+            valueChangeHandler.scheduleValueChange();
+        });
+
+        registerRpc(RichTextAreaClientRpc.class,
+                new RichTextAreaClientRpcImpl());
+        ConnectorFocusAndBlurHandler.addHandlers(this);
+
+        valueChangeHandler = new ValueChangeHandler(this);
+
+        getLayoutManager().registerDependency(this,
+                getWidget().formatter.getElement());
+    }
+
+    @OnStateChange("valueChangeMode")
+    private void updateValueChangeMode() {
+        valueChangeHandler.setValueChangeMode(getState().valueChangeMode);
+    }
+
+    @OnStateChange("valueChangeTimeout")
+    private void updateValueChangeTimeout() {
+        valueChangeHandler.setValueChangeTimeout(getState().valueChangeTimeout);
+    }
+
+    @OnStateChange("readOnly")
+    private void updateReadOnly() {
+        getWidget().setReadOnly(getState().readOnly);
+    }
+
+    @Override
+    public void onUnregister() {
+        super.onUnregister();
+        getLayoutManager().unregisterDependency(this,
+                getWidget().formatter.getElement());
+    }
+
+    @Override
+    public VRichTextArea getWidget() {
+        return (VRichTextArea) super.getWidget();
+    }
+
+    @Override
+    public void layout() {
+        if (!isUndefinedHeight()) {
+            int rootElementInnerHeight = getLayoutManager()
+                    .getInnerHeight(getWidget().getElement());
+            int formatterHeight = getLayoutManager()
+                    .getOuterHeight(getWidget().formatter.getElement());
+            int editorHeight = rootElementInnerHeight - formatterHeight;
+            if (editorHeight < 0) {
+                editorHeight = 0;
+            }
+            getWidget().rta.setHeight(editorHeight + "px");
+        }
+    }
+
+    @Override
+    public RichTextAreaState getState() {
+        return (RichTextAreaState) super.getState();
+    }
+
+    private boolean hasStateChanged(String widgetValue) {
+        return !widgetValue.equals(getState().value);
+    }
+
+    @Override
+    public void sendValueChange() {
+        String widgetValue = getWidget().getSanitizedValue();
+        if (!hasStateChanged(widgetValue)) {
+            return;
+        }
+
+        getRpcProxy(RichTextAreaServerRpc.class).setText(widgetValue);
+        getState().value = widgetValue;
+
+    }
+
+    @Override
+    public void flush() {
+        super.flush();
+        sendValueChange();
+    }
+}
diff --git a/client/src/main/java/com/vaadin/client/ui/richtextarea/VRichTextToolbar.java b/client/src/main/java/com/vaadin/client/ui/richtextarea/VRichTextToolbar.java
new file mode 100644
index 0000000000..10c1de75e6
--- /dev/null
+++ b/client/src/main/java/com/vaadin/client/ui/richtextarea/VRichTextToolbar.java
@@ -0,0 +1,476 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+/*
+ * Copyright 2007 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.vaadin.client.ui.richtextarea;
+
+import com.google.gwt.core.client.GWT;
+import com.google.gwt.event.dom.client.ChangeEvent;
+import com.google.gwt.event.dom.client.ChangeHandler;
+import com.google.gwt.event.dom.client.ClickEvent;
+import com.google.gwt.event.dom.client.ClickHandler;
+import com.google.gwt.event.dom.client.KeyUpEvent;
+import com.google.gwt.event.dom.client.KeyUpHandler;
+import com.google.gwt.i18n.client.Constants;
+import com.google.gwt.resources.client.ClientBundle;
+import com.google.gwt.resources.client.ImageResource;
+import com.google.gwt.user.client.Window;
+import com.google.gwt.user.client.ui.Composite;
+import com.google.gwt.user.client.ui.FlowPanel;
+import com.google.gwt.user.client.ui.Image;
+import com.google.gwt.user.client.ui.ListBox;
+import com.google.gwt.user.client.ui.PushButton;
+import com.google.gwt.user.client.ui.RichTextArea;
+import com.google.gwt.user.client.ui.ToggleButton;
+
+/**
+ * A modified version of sample toolbar for use with {@link RichTextArea}. It
+ * provides a simple UI for all rich text formatting, dynamically displayed only
+ * for the available functionality.
+ */
+public class VRichTextToolbar extends Composite {
+
+    /**
+     * This {@link ClientBundle} is used for all the button icons. Using a
+     * bundle allows all of these images to be packed into a single image, which
+     * saves a lot of HTTP requests, drastically improving startup time.
+     */
+    public interface Images extends ClientBundle {
+
+        ImageResource bold();
+
+        ImageResource createLink();
+
+        ImageResource hr();
+
+        ImageResource indent();
+
+        ImageResource insertImage();
+
+        ImageResource italic();
+
+        ImageResource justifyCenter();
+
+        ImageResource justifyLeft();
+
+        ImageResource justifyRight();
+
+        ImageResource ol();
+
+        ImageResource outdent();
+
+        ImageResource removeFormat();
+
+        ImageResource removeLink();
+
+        ImageResource strikeThrough();
+
+        ImageResource subscript();
+
+        ImageResource superscript();
+
+        ImageResource ul();
+
+        ImageResource underline();
+    }
+
+    /**
+     * This {@link Constants} interface is used to make the toolbar's strings
+     * internationalizable.
+     */
+    public interface Strings extends Constants {
+
+        String black();
+
+        String blue();
+
+        String bold();
+
+        String color();
+
+        String createLink();
+
+        String font();
+
+        String green();
+
+        String hr();
+
+        String indent();
+
+        String insertImage();
+
+        String italic();
+
+        String justifyCenter();
+
+        String justifyLeft();
+
+        String justifyRight();
+
+        String large();
+
+        String medium();
+
+        String normal();
+
+        String ol();
+
+        String outdent();
+
+        String red();
+
+        String removeFormat();
+
+        String removeLink();
+
+        String size();
+
+        String small();
+
+        String strikeThrough();
+
+        String subscript();
+
+        String superscript();
+
+        String ul();
+
+        String underline();
+
+        String white();
+
+        String xlarge();
+
+        String xsmall();
+
+        String xxlarge();
+
+        String xxsmall();
+
+        String yellow();
+    }
+
+    /**
+     * We use an inner EventHandler class to avoid exposing event methods on the
+     * RichTextToolbar itself.
+     */
+    private class EventHandler
+            implements ClickHandler, ChangeHandler, KeyUpHandler {
+
+        @Override
+        @SuppressWarnings("deprecation")
+        public void onChange(ChangeEvent event) {
+            Object sender = event.getSource();
+            if (sender == backColors) {
+                basic.setBackColor(
+                        backColors.getValue(backColors.getSelectedIndex()));
+                backColors.setSelectedIndex(0);
+            } else if (sender == foreColors) {
+                basic.setForeColor(
+                        foreColors.getValue(foreColors.getSelectedIndex()));
+                foreColors.setSelectedIndex(0);
+            } else if (sender == fonts) {
+                basic.setFontName(fonts.getValue(fonts.getSelectedIndex()));
+                fonts.setSelectedIndex(0);
+            } else if (sender == fontSizes) {
+                basic.setFontSize(
+                        fontSizesConstants[fontSizes.getSelectedIndex() - 1]);
+                fontSizes.setSelectedIndex(0);
+            }
+        }
+
+        @Override
+        @SuppressWarnings("deprecation")
+        public void onClick(ClickEvent event) {
+            Object sender = event.getSource();
+            if (sender == bold) {
+                basic.toggleBold();
+            } else if (sender == italic) {
+                basic.toggleItalic();
+            } else if (sender == underline) {
+                basic.toggleUnderline();
+            } else if (sender == subscript) {
+                basic.toggleSubscript();
+            } else if (sender == superscript) {
+                basic.toggleSuperscript();
+            } else if (sender == strikethrough) {
+                extended.toggleStrikethrough();
+            } else if (sender == indent) {
+                extended.rightIndent();
+            } else if (sender == outdent) {
+                extended.leftIndent();
+            } else if (sender == justifyLeft) {
+                basic.setJustification(RichTextArea.Justification.LEFT);
+            } else if (sender == justifyCenter) {
+                basic.setJustification(RichTextArea.Justification.CENTER);
+            } else if (sender == justifyRight) {
+                basic.setJustification(RichTextArea.Justification.RIGHT);
+            } else if (sender == insertImage) {
+                final String url = Window.prompt("Enter an image URL:",
+                        "http://");
+                if (url != null) {
+                    extended.insertImage(url);
+                }
+            } else if (sender == createLink) {
+                final String url = Window.prompt("Enter a link URL:",
+                        "http://");
+                if (url != null) {
+                    extended.createLink(url);
+                }
+            } else if (sender == removeLink) {
+                extended.removeLink();
+            } else if (sender == hr) {
+                extended.insertHorizontalRule();
+            } else if (sender == ol) {
+                extended.insertOrderedList();
+            } else if (sender == ul) {
+                extended.insertUnorderedList();
+            } else if (sender == removeFormat) {
+                extended.removeFormat();
+            } else if (sender == richText) {
+                // We use the RichTextArea's onKeyUp event to update the toolbar
+                // status. This will catch any cases where the user moves the
+                // cursur using the keyboard, or uses one of the browser's
+                // built-in keyboard shortcuts.
+                updateStatus();
+            }
+        }
+
+        @Override
+        public void onKeyUp(KeyUpEvent event) {
+            if (event.getSource() == richText) {
+                // We use the RichTextArea's onKeyUp event to update the toolbar
+                // status. This will catch any cases where the user moves the
+                // cursor using the keyboard, or uses one of the browser's
+                // built-in keyboard shortcuts.
+                updateStatus();
+            }
+        }
+    }
+
+    private static final RichTextArea.FontSize[] fontSizesConstants = new RichTextArea.FontSize[] {
+            RichTextArea.FontSize.XX_SMALL, RichTextArea.FontSize.X_SMALL,
+            RichTextArea.FontSize.SMALL, RichTextArea.FontSize.MEDIUM,
+            RichTextArea.FontSize.LARGE, RichTextArea.FontSize.X_LARGE,
+            RichTextArea.FontSize.XX_LARGE };
+
+    private final Images images = (Images) GWT.create(Images.class);
+    private final Strings strings = (Strings) GWT.create(Strings.class);
+    private final EventHandler handler = new EventHandler();
+
+    private final RichTextArea richText;
+    @SuppressWarnings("deprecation")
+    private final RichTextArea.BasicFormatter basic;
+    @SuppressWarnings("deprecation")
+    private final RichTextArea.ExtendedFormatter extended;
+
+    private final FlowPanel outer = new FlowPanel();
+    private final FlowPanel topPanel = new FlowPanel();
+    private final FlowPanel bottomPanel = new FlowPanel();
+    private ToggleButton bold;
+    private ToggleButton italic;
+    private ToggleButton underline;
+    private ToggleButton subscript;
+    private ToggleButton superscript;
+    private ToggleButton strikethrough;
+    private PushButton indent;
+    private PushButton outdent;
+    private PushButton justifyLeft;
+    private PushButton justifyCenter;
+    private PushButton justifyRight;
+    private PushButton hr;
+    private PushButton ol;
+    private PushButton ul;
+    private PushButton insertImage;
+    private PushButton createLink;
+    private PushButton removeLink;
+    private PushButton removeFormat;
+
+    private ListBox backColors;
+    private ListBox foreColors;
+    private ListBox fonts;
+    private ListBox fontSizes;
+
+    /**
+     * Creates a new toolbar that drives the given rich text area.
+     *
+     * @param richText
+     *            the rich text area to be controlled
+     */
+    @SuppressWarnings("deprecation")
+    public VRichTextToolbar(RichTextArea richText) {
+        this.richText = richText;
+        basic = richText.getBasicFormatter();
+        extended = richText.getExtendedFormatter();
+
+        outer.add(topPanel);
+        outer.add(bottomPanel);
+        topPanel.setStyleName("gwt-RichTextToolbar-top");
+        bottomPanel.setStyleName("gwt-RichTextToolbar-bottom");
+
+        initWidget(outer);
+        setStyleName("gwt-RichTextToolbar");
+
+        if (basic != null) {
+            topPanel.add(
+                    bold = createToggleButton(images.bold(), strings.bold()));
+            topPanel.add(italic = createToggleButton(images.italic(),
+                    strings.italic()));
+            topPanel.add(underline = createToggleButton(images.underline(),
+                    strings.underline()));
+            topPanel.add(subscript = createToggleButton(images.subscript(),
+                    strings.subscript()));
+            topPanel.add(superscript = createToggleButton(images.superscript(),
+                    strings.superscript()));
+            topPanel.add(justifyLeft = createPushButton(images.justifyLeft(),
+                    strings.justifyLeft()));
+            topPanel.add(justifyCenter = createPushButton(
+                    images.justifyCenter(), strings.justifyCenter()));
+            topPanel.add(justifyRight = createPushButton(images.justifyRight(),
+                    strings.justifyRight()));
+        }
+
+        if (extended != null) {
+            topPanel.add(strikethrough = createToggleButton(
+                    images.strikeThrough(), strings.strikeThrough()));
+            topPanel.add(indent = createPushButton(images.indent(),
+                    strings.indent()));
+            topPanel.add(outdent = createPushButton(images.outdent(),
+                    strings.outdent()));
+            topPanel.add(hr = createPushButton(images.hr(), strings.hr()));
+            topPanel.add(ol = createPushButton(images.ol(), strings.ol()));
+            topPanel.add(ul = createPushButton(images.ul(), strings.ul()));
+            topPanel.add(insertImage = createPushButton(images.insertImage(),
+                    strings.insertImage()));
+            topPanel.add(createLink = createPushButton(images.createLink(),
+                    strings.createLink()));
+            topPanel.add(removeLink = createPushButton(images.removeLink(),
+                    strings.removeLink()));
+            topPanel.add(removeFormat = createPushButton(images.removeFormat(),
+                    strings.removeFormat()));
+        }
+
+        if (basic != null) {
+            bottomPanel.add(backColors = createColorList("Background"));
+            bottomPanel.add(foreColors = createColorList("Foreground"));
+            bottomPanel.add(fonts = createFontList());
+            bottomPanel.add(fontSizes = createFontSizes());
+
+            // We only use these handlers for updating status, so don't hook
+            // them up unless at least basic editing is supported.
+            richText.addKeyUpHandler(handler);
+            richText.addClickHandler(handler);
+        }
+    }
+
+    private ListBox createColorList(String caption) {
+        final ListBox lb = new ListBox();
+        lb.addChangeHandler(handler);
+        lb.setVisibleItemCount(1);
+
+        lb.addItem(caption);
+        lb.addItem(strings.white(), "white");
+        lb.addItem(strings.black(), "black");
+        lb.addItem(strings.red(), "red");
+        lb.addItem(strings.green(), "green");
+        lb.addItem(strings.yellow(), "yellow");
+        lb.addItem(strings.blue(), "blue");
+        lb.setTabIndex(-1);
+        return lb;
+    }
+
+    private ListBox createFontList() {
+        final ListBox lb = new ListBox();
+        lb.addChangeHandler(handler);
+        lb.setVisibleItemCount(1);
+
+        lb.addItem(strings.font(), "");
+        lb.addItem(strings.normal(), "inherit");
+        lb.addItem("Times New Roman", "Times New Roman");
+        lb.addItem("Arial", "Arial");
+        lb.addItem("Courier New", "Courier New");
+        lb.addItem("Georgia", "Georgia");
+        lb.addItem("Trebuchet", "Trebuchet");
+        lb.addItem("Verdana", "Verdana");
+        lb.setTabIndex(-1);
+        return lb;
+    }
+
+    private ListBox createFontSizes() {
+        final ListBox lb = new ListBox();
+        lb.addChangeHandler(handler);
+        lb.setVisibleItemCount(1);
+
+        lb.addItem(strings.size());
+        lb.addItem(strings.xxsmall());
+        lb.addItem(strings.xsmall());
+        lb.addItem(strings.small());
+        lb.addItem(strings.medium());
+        lb.addItem(strings.large());
+        lb.addItem(strings.xlarge());
+        lb.addItem(strings.xxlarge());
+        lb.setTabIndex(-1);
+        return lb;
+    }
+
+    private PushButton createPushButton(ImageResource img, String tip) {
+        final PushButton pb = new PushButton(new Image(img));
+        pb.addClickHandler(handler);
+        pb.setTitle(tip);
+        pb.setTabIndex(-1);
+        return pb;
+    }
+
+    private ToggleButton createToggleButton(ImageResource img, String tip) {
+        final ToggleButton tb = new ToggleButton(new Image(img));
+        tb.addClickHandler(handler);
+        tb.setTitle(tip);
+        tb.setTabIndex(-1);
+        return tb;
+    }
+
+    /**
+     * Updates the status of all the stateful buttons.
+     */
+    @SuppressWarnings("deprecation")
+    private void updateStatus() {
+        if (basic != null) {
+            bold.setDown(basic.isBold());
+            italic.setDown(basic.isItalic());
+            underline.setDown(basic.isUnderlined());
+            subscript.setDown(basic.isSubscript());
+            superscript.setDown(basic.isSuperscript());
+        }
+
+        if (extended != null) {
+            strikethrough.setDown(extended.isStrikethrough());
+        }
+    }
+}
diff --git a/client/src/main/java/com/vaadin/client/ui/textarea/TextAreaConnector.java b/client/src/main/java/com/vaadin/client/ui/textarea/TextAreaConnector.java
index 1f98b04310..79f529ae5e 100644
--- a/client/src/main/java/com/vaadin/client/ui/textarea/TextAreaConnector.java
+++ b/client/src/main/java/com/vaadin/client/ui/textarea/TextAreaConnector.java
@@ -25,7 +25,6 @@ import com.vaadin.client.ui.textfield.AbstractTextFieldConnector;
 import com.vaadin.shared.ui.Connect;
 import com.vaadin.shared.ui.textarea.TextAreaServerRpc;
 import com.vaadin.shared.ui.textarea.TextAreaState;
-import com.vaadin.shared.ui.textfield.ValueChangeMode;
 import com.vaadin.ui.TextArea;
 
 @Connect(TextArea.class)
@@ -46,10 +45,9 @@ public class TextAreaConnector extends AbstractTextFieldConnector {
         super.init();
         getWidget().addChangeHandler(event -> sendValueChange());
         getWidget().addDomHandler(event -> {
-            if (getState().valueChangeMode != ValueChangeMode.BLUR) {
-                scheduleValueChange();
-            }
+            getValueChangeHandler().scheduleValueChange();
         }, InputEvent.getType());
+
         getWidget().addMouseUpHandler(new ResizeMouseUpHandler());
     }
 
diff --git a/client/src/main/java/com/vaadin/client/ui/textfield/AbstractTextFieldConnector.java b/client/src/main/java/com/vaadin/client/ui/textfield/AbstractTextFieldConnector.java
index bc8c82f549..d774ba2262 100644
--- a/client/src/main/java/com/vaadin/client/ui/textfield/AbstractTextFieldConnector.java
+++ b/client/src/main/java/com/vaadin/client/ui/textfield/AbstractTextFieldConnector.java
@@ -15,8 +15,6 @@
  */
 package com.vaadin.client.ui.textfield;
 
-import com.google.gwt.core.client.Scheduler;
-import com.google.gwt.user.client.Timer;
 import com.google.gwt.user.client.ui.Widget;
 import com.vaadin.client.annotations.OnStateChange;
 import com.vaadin.client.ui.AbstractComponentConnector;
@@ -25,14 +23,13 @@ import com.vaadin.client.ui.ConnectorFocusAndBlurHandler;
 import com.vaadin.shared.ui.textfield.AbstractTextFieldClientRpc;
 import com.vaadin.shared.ui.textfield.AbstractTextFieldServerRpc;
 import com.vaadin.shared.ui.textfield.AbstractTextFieldState;
-import com.vaadin.shared.ui.textfield.ValueChangeMode;
 import com.vaadin.ui.AbstractTextField;
 
 /**
  * Connector class for AbstractTextField.
  */
 public abstract class AbstractTextFieldConnector
-        extends AbstractComponentConnector {
+        extends AbstractComponentConnector implements ValueChangeHandler.Owner {
 
     private class AbstractTextFieldClientRpcImpl
             implements AbstractTextFieldClientRpc {
@@ -62,19 +59,18 @@ public abstract class AbstractTextFieldConnector
     }
 
     private int lastSentCursorPosition = -1;
-
-    private Timer valueChangeTrigger = new Timer() {
-        @Override
-        public void run() {
-            Scheduler.get().scheduleDeferred(() -> sendValueChange());
-        }
-    };
+    private ValueChangeHandler valueChangeHandler;
 
     @Override
     protected void init() {
         registerRpc(AbstractTextFieldClientRpc.class,
                 new AbstractTextFieldClientRpcImpl());
         ConnectorFocusAndBlurHandler.addHandlers(this);
+        valueChangeHandler = new ValueChangeHandler(this);
+    }
+
+    protected ValueChangeHandler getValueChangeHandler() {
+        return valueChangeHandler;
     }
 
     /**
@@ -88,50 +84,19 @@ public abstract class AbstractTextFieldConnector
         return (AbstractTextFieldWidget) getWidget();
     }
 
-    /**
-     * Called whenever a change in the value has been detected. Schedules a
-     * value change to be sent to the server, depending on the current value
-     * change mode.
-     * <p>
-     * Note that this method does not consider the {@link ValueChangeMode#BLUR}
-     * mode but assumes that {@link #sendValueChange()} is called directly for
-     * this mode.
-     */
-    protected void scheduleValueChange() {
-        switch (getState().valueChangeMode) {
-        case LAZY:
-            lazyTextChange();
-            break;
-        case TIMEOUT:
-            timeoutTextChange();
-            break;
-        case EAGER:
-            eagerTextChange();
-            break;
-        case BLUR:
-            // Nothing to schedule for this mode
-            break;
-        }
-    }
-
-    private void lazyTextChange() {
-        valueChangeTrigger.schedule(getState().valueChangeTimeout);
-    }
-
-    private void timeoutTextChange() {
-        if (valueChangeTrigger.isRunning()) {
-            return;
-        }
-        valueChangeTrigger.schedule(getState().valueChangeTimeout);
+    @Override
+    public AbstractTextFieldState getState() {
+        return (AbstractTextFieldState) super.getState();
     }
 
-    private void eagerTextChange() {
-        valueChangeTrigger.run();
+    @OnStateChange("valueChangeMode")
+    private void updateValueChangeMode() {
+        valueChangeHandler.setValueChangeMode(getState().valueChangeMode);
     }
 
-    @Override
-    public AbstractTextFieldState getState() {
-        return (AbstractTextFieldState) super.getState();
+    @OnStateChange("valueChangeTimeout")
+    private void updateValueChangeTimeout() {
+        valueChangeHandler.setValueChangeTimeout(getState().valueChangeTimeout);
     }
 
     @OnStateChange("readOnly")
@@ -151,10 +116,12 @@ public abstract class AbstractTextFieldConnector
      * Sends the updated value and cursor position to the server, if either one
      * has changed.
      */
-    protected void sendValueChange() {
+    @Override
+    public void sendValueChange() {
         if (!hasStateChanged()) {
             return;
         }
+
         lastSentCursorPosition = getAbstractTextField().getCursorPos();
         getRpcProxy(AbstractTextFieldServerRpc.class).setText(
                 getAbstractTextField().getValue(), lastSentCursorPosition);
diff --git a/client/src/main/java/com/vaadin/client/ui/textfield/TextFieldConnector.java b/client/src/main/java/com/vaadin/client/ui/textfield/TextFieldConnector.java
index 0a937de349..84e8e7401b 100644
--- a/client/src/main/java/com/vaadin/client/ui/textfield/TextFieldConnector.java
+++ b/client/src/main/java/com/vaadin/client/ui/textfield/TextFieldConnector.java
@@ -20,7 +20,6 @@ import com.vaadin.client.ui.VTextField;
 import com.vaadin.shared.ui.Connect;
 import com.vaadin.shared.ui.Connect.LoadStyle;
 import com.vaadin.shared.ui.textfield.TextFieldState;
-import com.vaadin.shared.ui.textfield.ValueChangeMode;
 import com.vaadin.ui.TextField;
 
 /**
@@ -34,9 +33,7 @@ public class TextFieldConnector extends AbstractTextFieldConnector {
         super.init();
         getWidget().addChangeHandler(event -> sendValueChange());
         getWidget().addDomHandler(event -> {
-            if (getState().valueChangeMode != ValueChangeMode.BLUR) {
-                scheduleValueChange();
-            }
+            getValueChangeHandler().scheduleValueChange();
         }, InputEvent.getType());
     }
 
diff --git a/client/src/main/java/com/vaadin/client/ui/textfield/ValueChangeHandler.java b/client/src/main/java/com/vaadin/client/ui/textfield/ValueChangeHandler.java
new file mode 100644
index 0000000000..89cca2394f
--- /dev/null
+++ b/client/src/main/java/com/vaadin/client/ui/textfield/ValueChangeHandler.java
@@ -0,0 +1,129 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.vaadin.client.ui.textfield;
+
+import com.google.gwt.core.client.Scheduler;
+import com.google.gwt.user.client.Timer;
+import com.vaadin.client.ComponentConnector;
+import com.vaadin.shared.ui.ValueChangeMode;
+
+/**
+ * Helper for dealing with scheduling value change events based on a given mode
+ * and possibly timeout.
+ */
+public class ValueChangeHandler {
+
+    /**
+     * Must be implemented by any user of a ValueChangeHandler.
+     */
+    public interface Owner extends ComponentConnector {
+        /**
+         * Sends the current value to the server, if it has changed.
+         */
+        void sendValueChange();
+    }
+
+    private Owner owner;
+
+    private Timer valueChangeTrigger = new Timer() {
+        @Override
+        public void run() {
+            Scheduler.get().scheduleDeferred(() -> owner.sendValueChange());
+        }
+    };
+
+    private int valueChangeTimeout = -1;
+
+    private ValueChangeMode valueChangeMode;
+
+    /**
+     * Creates a value change handler for the given owner.
+     *
+     * @param owner
+     *            the owner connector
+     */
+    public ValueChangeHandler(Owner owner) {
+        this.owner = owner;
+    }
+
+    /**
+     * Called whenever a change in the value has been detected. Schedules a
+     * value change to be sent to the server, depending on the current value
+     * change mode.
+     * <p>
+     * Note that this method does not consider the {@link ValueChangeMode#BLUR}
+     * mode but assumes that {@link #sendValueChange()} is called directly for
+     * this mode.
+     */
+    public void scheduleValueChange() {
+        switch (valueChangeMode) {
+        case LAZY:
+            lazyTextChange();
+            break;
+        case TIMEOUT:
+            timeoutTextChange();
+            break;
+        case EAGER:
+            eagerTextChange();
+            break;
+        case BLUR:
+            // Nothing to schedule for this mode
+            break;
+        default:
+            throw new IllegalStateException("Unknown mode: " + valueChangeMode);
+        }
+    }
+
+    private void lazyTextChange() {
+        valueChangeTrigger.schedule(valueChangeTimeout);
+    }
+
+    private void timeoutTextChange() {
+        if (valueChangeTrigger.isRunning()) {
+            return;
+        }
+        valueChangeTrigger.schedule(valueChangeTimeout);
+    }
+
+    private void eagerTextChange() {
+        valueChangeTrigger.run();
+    }
+
+    /**
+     * Sets the value change mode to use.
+     *
+     * @see ValueChangeMode
+     *
+     * @param valueChangeMode
+     *            the value change mode to use
+     */
+    public void setValueChangeMode(ValueChangeMode valueChangeMode) {
+        this.valueChangeMode = valueChangeMode;
+    }
+
+    /**
+     * Sets the value change timeout to use.
+     *
+     * @see ValueChangeMode
+     *
+     * @param valueChangeTimeout
+     *            the value change timeout
+     */
+    public void setValueChangeTimeout(int valueChangeTimeout) {
+        this.valueChangeTimeout = valueChangeTimeout;
+    }
+
+}
diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/VRichTextToolbar$Strings.properties b/client/src/main/resources/com/vaadin/client/ui/richtextarea/VRichTextToolbar$Strings.properties
new file mode 100644
index 0000000000..363b704584
--- /dev/null
+++ b/client/src/main/resources/com/vaadin/client/ui/richtextarea/VRichTextToolbar$Strings.properties
@@ -0,0 +1,35 @@
+bold = Toggle Bold
+createLink = Create Link
+hr = Insert Horizontal Rule
+indent = Indent Right
+insertImage = Insert Image
+italic = Toggle Italic
+justifyCenter = Center
+justifyLeft = Left Justify
+justifyRight = Right Justify
+ol = Insert Ordered List
+outdent = Indent Left
+removeFormat = Remove Formatting
+removeLink = Remove Link
+strikeThrough = Toggle Strikethrough
+subscript = Toggle Subscript
+superscript = Toggle Superscript
+ul = Insert Unordered List
+underline = Toggle Underline
+color = Color
+black = Black
+white = White
+red = Red
+green = Green
+yellow = Yellow
+blue = Blue
+font = Font
+normal = Normal
+size = Size
+xxsmall = XX-Small
+xsmall = X-Small
+small = Small
+medium = Medium
+large = Large
+xlarge = X-Large
+xxlarge = XX-Large
\ No newline at end of file
diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/backColors.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/backColors.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ddfc1cea2c7c12f2319b63b8046a919fa77f49d3
GIT binary patch
literal 104
zcmZ?wbhEHb6k!lyn8*ME|NsC0`<op|D*j|)WME)s&;f~p<QbSO=k%{U{gz*R#ulwc
z))SM{6KkZeO^p9hn9RkevvZk7^rqsd)9+@_x0e09*W}<C-;g5)T9Z3IbM`uMF<1it
DVJ0V0

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/bold.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/bold.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7c22eaac68532a4530c41ce9ef4a4e3d3ec210a2
GIT binary patch
literal 900
zcmZ?wbhEHb6k!ly_%6(_d-v{#4<CkxhVI$3CqF-b-MV!)Ha7bD`U@8>?C9vYdiCn#
z$B(aFyEb*|R6RYtM~@!W)YM$Laz#l=iD49shQQDd0mYvzj0_CI3_2jMfbs+bM<Rnd
zhm6OD1qYisgtcN$Y*=`hLrBTZ=0by_3nz;L$Akw8hYoc!%NcZVJWxK#$?B)IM<cMQ
zkwMKctEWRD?F2i!ibF@F(b5(c!)U314F(J?i#@~-#Qa#WGPpfpvDe%#0|f?a09{o`
AfB*mh

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/createLink.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/createLink.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1a1412fe0e4240284bd9eb62899a7bf848d1e3f1
GIT binary patch
literal 954
zcmZ?wbhEHb6k!ly_-@6Zsj2DV;i0Rm+t=6k`0?XAckUP&8Qr{j^U9SgZf<VZuV1gP
zuiw0RbAEolo}OM%P>`ji<)cTB_V3?cQ&V&B;KA+Nw<jhh1_uXk*sx*x^yycxUhV4Y
zx^d%1TU*=RyLZjZ%+%G@uU)&gZQHiU$jFF@h~D1bBS(&egoMP##_rj(=l1Q}wzjq@
zDJg5$uC=hRP*G92fB*jR<Hys|(jGi`;OpzVc=6)%=g-^Q+dq8xP)SLNVHAvp098Xk
z@h1x-1A`TV4#-qco?zgZ&QQuB<FR4E!DbF&t(X%N9yUlb>D<Uzk?hnb!%%dg;ot>k
z24+nzl@p3himgJ11rHJ?GB-Q1sOVWuFi>D;5#<zQIkAz+wV78!`+<W*((`61Mz@3%
z1ChjL8GgPwJAO2-bYf=Wd!VslL2J`8&e#TngAbkhcoKxmPJDE7=wsoMIv2rku#ty1
WQ}|JbLxV%h9ua14IU55725SJ{qn7{x

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/fontSizes.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/fontSizes.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c2f4c8cb213a0e88ef1a61eaa2b12f3a4ae45353
GIT binary patch
literal 96
zcmZ?wbhEHb6k!lyn8*ME9n&}c2Lr{QEQ|~cObj|8QII?Xli`&9m8akGOU~G0Rgkt%
rQkp+ANVSVwtU@b8HZzH9;|Hb9LFNAc8oi^GT-%N;`Y55vz+epkwh|xL

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/fonts.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/fonts.gif
new file mode 100644
index 0000000000000000000000000000000000000000..1629cabb7818f03274e51496ea29d3783ebbebf9
GIT binary patch
literal 147
zcmZ?wbhEHb6k!ly*vtR|QnE_w+QueUE`H%@(W&JbB^{+rGn*!^>Yu-R&bl)z_uT!D
z1QdU=FfuUkGw6VHg3MrGarki3bM;<}*SQV<8x~Y{Gf7-(Ok!0iJvGg5UJR>3qWv?k
m`Weg$i7OL18jkjvMR<v+KVO{c%#d{LDTBt_s{Qvk7_0%Z{5$vn

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/foreColors.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/foreColors.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2bb89ef1891a2cf390103d184b61dc323b0d8053
GIT binary patch
literal 173
zcmZ?wbhEHb6k!ly*vtR{{~4+o{sWmUK=OZeb#+S%kOc%_0>nT7#h)yU3=I4XIv|}O
zGZ<K+KAiMiz4u1b+3LCjTRP)4dY`*5%sRR)DdUVuZ||`M(jNJDjP5?T;QU8#$Kk|n
zF<DmaEngHAIQk@;O%gW<ZIEaVx?{6~r*X@|18nhpFAp@v7DUhR-6(tP{bywcYXF10
BP>=us

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/gwtLogo.png b/client/src/main/resources/com/vaadin/client/ui/richtextarea/gwtLogo.png
new file mode 100644
index 0000000000000000000000000000000000000000..80728186d8cadc88b774cdbd1278a6ba02035ba0
GIT binary patch
literal 11454
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
Y0R3Q}1u<v~l>h($07*qoM6N<$f@Yup5C8xG

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/hr.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/hr.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d507082cf12fa9870a090517a4196e556ec928c0
GIT binary patch
literal 853
zcmZ?wbhEHb6k!ly_|C-e`0-<XeSL;eFd70QG6WQVvM@3*Ffr(Wd=JVK3>-!btQ;~P
z8x|aF<`CA3Ik92k;dTLKuM~*|i;i}S^CsQNxTw(3ui)G^$79oylan=q)p$4<tN}eF
B8+-r&

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/indent.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/indent.gif
new file mode 100644
index 0000000000000000000000000000000000000000..905421ed76fcfd5c4209986ed2e381be5c9d40ae
GIT binary patch
literal 76
zcmZ?wbhEHb6k!lyXkcWpu&{Xe@S);Q7DfgJMg|=QAOOiQFe&%+uRQ&hfAJg+nTE|_
dGqSR4BENd3YBZ^c#$_Hq_Q~gZSpWlrH2@M}7vBH?

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/insertImage.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/insertImage.gif
new file mode 100644
index 0000000000000000000000000000000000000000..394ec432a5d8ff0400ca8405d875ea5c6b86cddd
GIT binary patch
literal 946
zcmZ?wbhEHb6k!ly_-@ExWMnjd{(KV?lRbO(Oq@8eprF9k);2mi+S=NB@#4jg9zE*s
z?{{)?%F4=`I(2GAMMXwNMnpu!+_`fnO`5cB-MaSnc5`#{($dn@)YQPhKyPpFl$4Yy
zQ>H9mzFbvRb^G@1K0ZEo@7^^vHNAD~R!B%lP*9MXnp$CDVRLhHUS6K3r)Otp=cY}Y
z%*@Po@813R@na<=C5BNj8UpkR0mYvzj0_Bh3_2hSL3x6Kqn{y}L&jsnf`iQ*!dfvW
zHYhra3nv^n@L<s**KRgdr2s{zMed!F3@I&v2OSwZ1(-Z;FetY+PL#J?<B*WR$k=J1
zn)M<<(Gh5z#DNo>iw|&$aEaLLxR8)>u-|}BM?o-&g@Z|Oj!;Y1BWF%V2EGj+7L+Q4
jNa!;0NK9~GIJZ3gu~d!Y_I0tl`98n8d%8Tqfx#L8fSh}H

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/italic.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/italic.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ffe0e97284991f24369b0b6421816f0dcbe77abd
GIT binary patch
literal 190
zcmZ?wbhEHb6k!lyI3mdK`0?XMj~;b&bcBY6>g(&TU%!6p)Tv2HNe>@B%+Jry%gbB0
zZe3?*=kDFRZES2jJw26_lz>tUL<7a2EQ|~cf($w!9UwaySgjLO`cg9IWvp74^SX~q
z#kp5n<^r?Adj?K@LB=2sJ%tvB00v1GWloOAFMsUiG0xUzc)>K~{Dumjv{nWNYXD5w
BHbejb

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/justifyCenter.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/justifyCenter.gif
new file mode 100644
index 0000000000000000000000000000000000000000..f7d4c4693daa9acdafd3d99a6a2ca92522ac00da
GIT binary patch
literal 70
zcmZ?wbhEHb6k!lyXkcWpu&{Xe@S);Q7DfgJMg|=QAOOiQFv<4xuRQ&hUwForYaPv7
XE#L8%2v~ITpPb3NYTG+*aRzGuk4hC(

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/justifyLeft.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/justifyLeft.gif
new file mode 100644
index 0000000000000000000000000000000000000000..bc37a3ed5a6336fb6c4c3c525ff08f5f295bea9d
GIT binary patch
literal 71
zcmZ?wbhEHb6k!lyXkcWpu&{Xe@S);Q7DfgJMg|=QAOOiQFv<1wuRQ&hUwForYZ7aZ
Y+PvT|;j`$JtenZcYTG+*X;ubn0GwJB+W-In

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/justifyRight.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/justifyRight.gif
new file mode 100644
index 0000000000000000000000000000000000000000..892d5693847207a695661bf77365cd55ec3f5451
GIT binary patch
literal 70
zcmZ?wbhEHb6k!lyXkcWpu&{Xe@S);Q7DfgJMg|=QAOOiQFv<4xuRQ&hUwForYaRVt
Xf4=1}k+A6GJvmcu<+gXP#Tcvsq5&5a

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/ol.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/ol.gif
new file mode 100644
index 0000000000000000000000000000000000000000..54f8e4f5519f22613bae535635fa8d7634d1d6b9
GIT binary patch
literal 204
zcmZ?wbhEHb6k!lyI3mEXfB$|<OUtOJsP^`DJw3g`!on?EwoIBd$=~09<;s;cH8n0S
zF4wMIJAL}}ym|BV_4OY<e8@lwQ2fcl$iN`LpaaqbvXg<;Q$eLKC3Btzmx<;o7Uyav
z4;{OTzWGhM)A!EjRM6pNYJBv9K|w&#>aIaRK$igH!Oa;jjMi{A9_ES^;aHr}H+>72
Okl*V@uXVSb8LR<YT{-gr

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/outdent.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/outdent.gif
new file mode 100644
index 0000000000000000000000000000000000000000..78fd1b57225445db513fc72edffae8f90e01c8f3
GIT binary patch
literal 76
zcmZ?wbhEHb6k!lyXkcWpu&{Xe@S);Q7DfgJMg|=QAOOiQFe&%+uRQ&hfAJhniH6N#
dGuU!#6UuvpD|!{3sus?w{N!`}TdoL$H2?|z7zF?T

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/removeFormat.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/removeFormat.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cf92c9774fcd8b64fbb9fc6f294c09d43389587c
GIT binary patch
literal 962
zcmZ?wbhEHb6k!ly`0mK?=+UFx+}wu`A2u~LJ%0T7{{8!xE?qi!@L*L{)r=W4R;*ZI
zZEZbq;zSb@lbJJTZrr%>+O=z0Sy}P%@s^gBfq{X&y}jMt-KC|aw{G3Ke*OBEEn5Nt
z0-~a#GBPsu?Aeo<nR)EkF<o8VDO09|g@v6yeR|WTO;@j8oj!efPfw4JkB^(1+p=ZL
z8X6i-o;-Q#)G0eVyO59&FE6i2lO~y)n_szdW!}7bb#-+mB_-RpZ(qKAd1GUvva<4y
z9XsyaxwB}|qU!2uB_$<>Q7{?;<c5IaPZmZ721f=RkO81P!N4(}p_xO*W5a@j%^bp7
zF%b$LO$^Lpd@c!$P7U2cta2F>4j$`gU^C*H(7?pf%x9=!5pg3~xlKsFfuVCn03#=-
zXxIrBC&z`2(mXb23N|V;35asZKNC3M$i~EBB+8_~puo}3X%cZFM={X7S5QgsM9qc^
zE*+dwVj>=lOAa04cTnPJD0Dh_rZsrAU4XagVh0B4uwSwrhmSvKWLhN`CLzFJ4FF*$
BqG$jB

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/removeLink.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/removeLink.gif
new file mode 100644
index 0000000000000000000000000000000000000000..40721a7bca2aa9d3d9fcad1370f9d5175aeec561
GIT binary patch
literal 585
zcmZ?wbhEHb6k!lyc;>@kX=(ZB(WCqK?`vvm>gwvo$HzZ@{5U^9-_6Z!`t<3yZ{POt
z@GvnkIe75k#*G{M`ugtPy}Nz;_A6Je+_-V$$dM!0uV3G`ZCibPeMCgW`Sa%=Ja};D
z&Yhf`oVK>MrAwFE+uH{Q1|}vZE?Tt6+S)oYGBPwY)X2yvI5;>UAYk(3$vr(i-QC@5
z)~wmEVMAJ4+O=!fQc_ZG-n=<;=FH8TH*eassj8|fC@5&fiWR$d?b^S8zlw^=o;`c+
z-Md#&QBhM<bLh|^3kwThU*DZOcdDzaU%h(u?Af#C=H`ZmhI)E>At513N=gsGfMKu#
z#h)yU3=BRDIv@vv;)H>HS%Xhgb4zPmdq-yzQ&)$nc5gc`kFXEFJd2`auQ#ifotGE0
zmt#-YWM+43X$~*3Ijroi-rfdYy1fGCZcO(4UJP7aLJ~46nsSQ-y*q`ty>u)X6qt?A
zbm*VA74TMN;Je<z?q$Yx#)N^fSB=Hc+s4V#le5>sSwvXfi<3`zS%>VD7YYkl99tPQ
jQZz0VFfs^<yUcJESeW6-z|6)Jvsq&0;^WSZ3=Gx)lxnZ#

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/strikeThrough.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/strikeThrough.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a7a233c0230be2c0c239fe65c07ef183e7f2c924
GIT binary patch
literal 915
zcmZ?wbhEHb6k!ly_%6lJ+1a^n-MWsBj`i!;pEz;i<jIq}ckkY?VM9_<(!+-j_4M>S
zJUnV@YOY?r8Wt9omzNhB8oF@d!pDyv=jZ27ojSF;y87C+YmXj1Qc_aV*Vktl1*0J_
zq(VUPCkrD3gA{`f$km`c!N5_#V9Fumv0=f%W)5Mkm=hZoIybTjBpleF(BRC<CBbl_
zp^@P*g9Jm&4g&@z);2bSlobLAPg+|flTOXC41U<k#GqDC^C6I-aiW-kMS?{`QVRo<
llhGcAghwtcyi#!!3LZE#a&yY{o%yw4_4V}$tZXa{)&Tz}SP}pL

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/subscript.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/subscript.gif
new file mode 100644
index 0000000000000000000000000000000000000000..58b6fbb816ae097fcf827628d4224e4a1322196f
GIT binary patch
literal 933
zcmZ?wbhEHb6k!ly_%6ecn3$N9l%%h(f91-R$B!R}hKAbM*i=_n@7}$;v$J#I!i60j
z9r^kBH8nNs*RRjZ%Uis7@yU}XA3l7zXU`r_Pfu%W>k}tVtXsG4>eZ_r9v(_cN{=2r
zVi*OZAuvQjK=CIFBLjmBgAT~Opgh6A(ZpcMA>*-O!NFz@VXc@G7Zx-zakJ=YENFPh
z#>~VPA>fec?947DXLI4f0>yS-Mw5($2N$2POcnIuVp$;6aE4oo$>c)7#D@$$f(9Hb
z3>qFX@^Y$pcr19x(8Rzfpm4`wf$CLW1_g%=n#G6N*mzTl9406_dQWEH5wTGC_9}8?
Kfgl?TgEasVt6b^;

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/superscript.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/superscript.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a6270f6e21967c54a07d65ef1fd4f86b4771d1c9
GIT binary patch
literal 232
zcmZ?wbhEHb6k!lyI3mN4n3$N9l%%h(f91-R$B!R}hKAbM*i=_n@7}$;v$J#I!i60j
z9r^kBH8nNs*RRjZ%Uis7@yU}XA3l7zXU`r_Pfu%W>k}tVtXsG4>eZ_r9v(_cN{=2r
z0?IPLfZ|UUMg|5M1|5(9$W8{<R0Z|El+1Y<tJdY*);g-B*V@Fw*p%015W#ecjiHet
zi0|y<g@pxX(r(IIIWtUpc-bd<W&}^pc409P;nO<s^@oZ>u(<Dng@Iex_HwudNN(Vh
b;uI3%l*-VS&Qt1)*X!$_FmaN)B7-#mxoB7p

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/ul.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/ul.gif
new file mode 100644
index 0000000000000000000000000000000000000000..83f1562bcbe5107770409b71198e2b0633169515
GIT binary patch
literal 133
zcmZ?wbhEHb6k!ly*v!eGr>8e>-n>bZCSALBZU6rLmX?+-E-t4}pVrscfB5hr0|rq1
z$->CMz{#Kkk^z~)z+z-@(sT7*i)@)A+gKP_gp=l_nMxe}xVONjv`DB=wQALx=>HC!
VzGcduCDx}_iRM_%pTWUk4FGCTD3$;K

literal 0
HcmV?d00001

diff --git a/client/src/main/resources/com/vaadin/client/ui/richtextarea/underline.gif b/client/src/main/resources/com/vaadin/client/ui/richtextarea/underline.gif
new file mode 100644
index 0000000000000000000000000000000000000000..06f0200fddc4364d487539fd5e636456f93b683e
GIT binary patch
literal 914
zcmZ?wbhEHb6k!ly_%6y27#OIpufJ~Hx<`*51qB5?eE4v~h7I}o`Jthq)z#G}PoA7Q
zb?UWi*REW-GHu$lnKNgeIB_B=De3X!#~mFVN=ix$qhK@yhH?lf{$ycfU=U@{0eJ$H
zCm1;L8MHZMJT@#i*vuiU6?0<4!oys`YCIwajttIRB5ZyO6bcpHdS&#}M0RXke5hZ=
zxk`pJ@TuoCRY|r57aS6prgQQKbSNYo^x@!<R5;+F*wD<x!_5<raG;@uk%!TP)uG|Q
V6?QJwjJvx;Umaf0%gn@J4FHYCOzi*w

literal 0
HcmV?d00001

diff --git a/server/src/main/java/com/vaadin/ui/AbstractField.java b/server/src/main/java/com/vaadin/ui/AbstractField.java
index f64cec9e66..4946d3c95b 100644
--- a/server/src/main/java/com/vaadin/ui/AbstractField.java
+++ b/server/src/main/java/com/vaadin/ui/AbstractField.java
@@ -142,21 +142,26 @@ public abstract class AbstractField<T> extends AbstractComponent
      *
      * @param value
      *            the new value to set
-     * @return {@code true} if this event originates from the client,
-     *         {@code false} otherwise.
+     * @param userOriginated
+     *            {@code true} if this event originates from the client,
+     *            {@code false} otherwise.
+     * @return <code>true</code> if the value was updated, <code>false</code>
+     *         otherwise
      */
-    protected void setValue(T value, boolean userOriginated) {
+    protected boolean setValue(T value, boolean userOriginated) {
         if (userOriginated && isReadOnly()) {
-            return;
+            return false;
         }
         if (Objects.equals(value, getValue())) {
-            return;
+            return false;
         }
         doSetValue(value);
         if (!userOriginated) {
             markAsDirty();
         }
         fireEvent(createValueChange(userOriginated));
+
+        return true;
     }
 
     /**
diff --git a/server/src/main/java/com/vaadin/ui/AbstractTextField.java b/server/src/main/java/com/vaadin/ui/AbstractTextField.java
index e1b0273c6c..b5119ec92c 100644
--- a/server/src/main/java/com/vaadin/ui/AbstractTextField.java
+++ b/server/src/main/java/com/vaadin/ui/AbstractTextField.java
@@ -27,10 +27,10 @@ import com.vaadin.event.FieldEvents.FocusEvent;
 import com.vaadin.event.FieldEvents.FocusListener;
 import com.vaadin.shared.Registration;
 import com.vaadin.shared.communication.FieldRpc.FocusAndBlurServerRpc;
+import com.vaadin.shared.ui.ValueChangeMode;
 import com.vaadin.shared.ui.textfield.AbstractTextFieldClientRpc;
 import com.vaadin.shared.ui.textfield.AbstractTextFieldServerRpc;
 import com.vaadin.shared.ui.textfield.AbstractTextFieldState;
-import com.vaadin.shared.ui.textfield.ValueChangeMode;
 import com.vaadin.ui.declarative.DesignAttributeHandler;
 import com.vaadin.ui.declarative.DesignContext;
 
@@ -40,7 +40,8 @@ import com.vaadin.ui.declarative.DesignContext;
  * @author Vaadin Ltd.
  * @since 8.0
  */
-public abstract class AbstractTextField extends AbstractField<String> {
+public abstract class AbstractTextField extends AbstractField<String>
+        implements HasValueChangeMode {
 
     private final class AbstractTextFieldServerRpcImpl
             implements AbstractTextFieldServerRpc {
@@ -173,6 +174,7 @@ public abstract class AbstractTextField extends AbstractField<String> {
     /**
      * Returns the last known cursor position of the field.
      *
+     * @return the last known cursor position
      */
     public int getCursorPosition() {
         return lastKnownCursorPosition;
@@ -212,41 +214,17 @@ public abstract class AbstractTextField extends AbstractField<String> {
                 listener);
     }
 
-    /**
-     * Sets the mode how the TextField triggers {@link ValueChange}s.
-     *
-     * @param mode
-     *            the new mode
-     *
-     * @see ValueChangeMode
-     */
+    @Override
     public void setValueChangeMode(ValueChangeMode mode) {
         getState().valueChangeMode = mode;
     }
 
-    /**
-     * Returns the currently set {@link ValueChangeMode}.
-     *
-     * @return the mode used to trigger {@link ValueChange}s.
-     *
-     * @see ValueChangeMode
-     */
+    @Override
     public ValueChangeMode getValueChangeMode() {
         return getState(false).valueChangeMode;
     }
 
-    /**
-     * Sets how often {@link ValueChange}s are triggered when the
-     * {@link ValueChangeMode} is set to either {@link ValueChangeMode#LAZY} or
-     * {@link ValueChangeMode#TIMEOUT}.
-     *
-     * @param timeout
-     *            timeout in milliseconds, must be greater or equal to 0
-     * @throws IllegalArgumentException
-     *             if given timeout is smaller than 0
-     *
-     * @see ValueChangeMode
-     */
+    @Override
     public void setValueChangeTimeout(int timeout) {
         if (timeout < 0) {
             throw new IllegalArgumentException(
@@ -255,15 +233,7 @@ public abstract class AbstractTextField extends AbstractField<String> {
         getState().valueChangeTimeout = timeout;
     }
 
-    /**
-     * Returns the currently set timeout, in milliseconds, for how often
-     * {@link ValueChange}s are triggered if the current {@link ValueChangeMode}
-     * is set to either {@link ValueChangeMode#LAZY} or
-     * {@link ValueChangeMode#TIMEOUT}.
-     *
-     * @return the timeout in milliseconds of how often {@link ValueChange}s are
-     *         triggered.
-     */
+    @Override
     public int getValueChangeTimeout() {
         return getState(false).valueChangeTimeout;
     }
@@ -303,7 +273,8 @@ public abstract class AbstractTextField extends AbstractField<String> {
     /**
      * Checks if the field is empty.
      *
-     * @return true if the field value is an empty string, false otherwise
+     * @return <code>true</code> if the field value is an empty string,
+     *         <code>false</code> otherwise
      */
     public boolean isEmpty() {
         return "".equals(getValue());
diff --git a/server/src/main/java/com/vaadin/ui/HasValueChangeMode.java b/server/src/main/java/com/vaadin/ui/HasValueChangeMode.java
new file mode 100644
index 0000000000..0d48a29a72
--- /dev/null
+++ b/server/src/main/java/com/vaadin/ui/HasValueChangeMode.java
@@ -0,0 +1,69 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.vaadin.ui;
+
+import com.vaadin.data.HasValue.ValueChange;
+import com.vaadin.shared.ui.ValueChangeMode;
+
+/**
+ * Implemented by components which support value change modes.
+ */
+public interface HasValueChangeMode extends Component {
+    /**
+     * Sets the mode how the TextField triggers {@link ValueChange}s.
+     *
+     * @param valueChangeMode
+     *            the new mode
+     *
+     * @see ValueChangeMode
+     */
+    public void setValueChangeMode(ValueChangeMode valueChangeMode);
+
+    /**
+     * Returns the currently set {@link ValueChangeMode}.
+     *
+     * @return the mode used to trigger {@link ValueChange}s.
+     *
+     * @see ValueChangeMode
+     */
+    public ValueChangeMode getValueChangeMode();
+
+    /**
+     * Sets how often {@link ValueChange}s are triggered when the
+     * {@link ValueChangeMode} is set to either {@link ValueChangeMode#LAZY} or
+     * {@link ValueChangeMode#TIMEOUT}.
+     *
+     * @param valueChangeTimeout
+     *            timeout in milliseconds, must be greater or equal to 0
+     * @throws IllegalArgumentException
+     *             if given timeout is smaller than 0
+     *
+     * @see ValueChangeMode
+     */
+    public void setValueChangeTimeout(int valueChangeTimeout);
+
+    /**
+     * Returns the currently set timeout, in milliseconds, for how often
+     * {@link ValueChange}s are triggered if the current {@link ValueChangeMode}
+     * is set to either {@link ValueChangeMode#LAZY} or
+     * {@link ValueChangeMode#TIMEOUT}.
+     *
+     * @return the timeout in milliseconds of how often {@link ValueChange}s are
+     *         triggered.
+     */
+    public int getValueChangeTimeout();
+
+}
diff --git a/server/src/main/java/com/vaadin/ui/PasswordField.java b/server/src/main/java/com/vaadin/ui/PasswordField.java
index a3fb4d265a..231236c01f 100644
--- a/server/src/main/java/com/vaadin/ui/PasswordField.java
+++ b/server/src/main/java/com/vaadin/ui/PasswordField.java
@@ -59,12 +59,6 @@ public class PasswordField extends TextField {
         setCaption(caption);
     }
 
-    /*
-     * (non-Javadoc)
-     *
-     * @see com.vaadin.ui.AbstractField#readDesign(org.jsoup.nodes.Element ,
-     * com.vaadin.ui.declarative.DesignContext)
-     */
     @Override
     public void readDesign(Element design, DesignContext designContext) {
         super.readDesign(design, designContext);
@@ -75,12 +69,6 @@ public class PasswordField extends TextField {
         }
     }
 
-    /*
-     * (non-Javadoc)
-     *
-     * @see com.vaadin.ui.AbstractTextField#writeDesign(org.jsoup.nodes.Element
-     * , com.vaadin.ui.declarative.DesignContext)
-     */
     @Override
     public void writeDesign(Element design, DesignContext designContext) {
         super.writeDesign(design, designContext);
diff --git a/server/src/main/java/com/vaadin/ui/RichTextArea.java b/server/src/main/java/com/vaadin/ui/RichTextArea.java
new file mode 100644
index 0000000000..49346928be
--- /dev/null
+++ b/server/src/main/java/com/vaadin/ui/RichTextArea.java
@@ -0,0 +1,170 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+
+package com.vaadin.ui;
+
+import org.jsoup.nodes.Element;
+
+import com.vaadin.shared.ui.ValueChangeMode;
+import com.vaadin.shared.ui.richtextarea.RichTextAreaClientRpc;
+import com.vaadin.shared.ui.richtextarea.RichTextAreaServerRpc;
+import com.vaadin.shared.ui.richtextarea.RichTextAreaState;
+import com.vaadin.ui.declarative.DesignContext;
+
+/**
+ * A simple RichTextArea to edit HTML format text.
+ */
+public class RichTextArea extends AbstractField<String>
+        implements HasValueChangeMode {
+
+    private class RichTextAreaServerRpcImpl implements RichTextAreaServerRpc {
+        @Override
+        public void setText(String text) {
+            getUI().getConnectorTracker().getDiffState(RichTextArea.this)
+                    .put("value", text);
+            if (!setValue(text, true)) {
+                // The value was not updated, this could happen if the field has
+                // been set to readonly on the server and the client does not
+                // know about it yet. Must re-send the correct state back.
+                markAsDirty();
+            }
+        }
+    }
+
+    /**
+     * Constructs an empty <code>RichTextArea</code> with no caption.
+     */
+    public RichTextArea() {
+        super();
+        registerRpc(new RichTextAreaServerRpcImpl());
+        setValue("");
+    }
+
+    /**
+     * Constructs an empty <code>RichTextArea</code> with the given caption.
+     *
+     * @param caption
+     *            the caption for the editor.
+     */
+    public RichTextArea(String caption) {
+        this();
+        setCaption(caption);
+    }
+
+    /**
+     * Constructs a new <code>RichTextArea</code> with the given caption and
+     * initial text contents.
+     *
+     * @param caption
+     *            the caption for the editor.
+     * @param value
+     *            the initial text content of the editor.
+     */
+    public RichTextArea(String caption, String value) {
+        this(caption);
+        setValue(value);
+    }
+
+    @Override
+    public void readDesign(Element design, DesignContext designContext) {
+        super.readDesign(design, designContext);
+        setValue(design.html());
+    }
+
+    @Override
+    public void writeDesign(Element design, DesignContext designContext) {
+        super.writeDesign(design, designContext);
+        design.html(getValue());
+    }
+
+    @Override
+    protected RichTextAreaState getState() {
+        return (RichTextAreaState) super.getState();
+    }
+
+    @Override
+    protected RichTextAreaState getState(boolean markAsDirty) {
+        return (RichTextAreaState) super.getState(markAsDirty);
+    }
+
+    @Override
+    public void setValue(String value) {
+        if (value == null) {
+            setValue("", false);
+        } else {
+            setValue(value, false);
+        }
+    }
+
+    @Override
+    public String getValue() {
+        return getState(false).value;
+    }
+
+    @Override
+    protected void doSetValue(String value) {
+        getState().value = value;
+    }
+
+    /**
+     * Selects all text in the rich text area. As a side effect, focuses the
+     * rich text area.
+     *
+     * @since 6.5
+     */
+    public void selectAll() {
+        getRpcProxy(RichTextAreaClientRpc.class).selectAll();
+        focus();
+    }
+
+    @Override
+    public void setValueChangeMode(ValueChangeMode mode) {
+        getState().valueChangeMode = mode;
+    }
+
+    @Override
+    public ValueChangeMode getValueChangeMode() {
+        return getState(false).valueChangeMode;
+    }
+
+    @Override
+    public void setValueChangeTimeout(int timeout) {
+        getState().valueChangeTimeout = timeout;
+
+    }
+
+    @Override
+    public int getValueChangeTimeout() {
+        return getState(false).valueChangeTimeout;
+    }
+
+    /**
+     * Checks if the field is empty.
+     *
+     * @return <code>true</code> if the field value is an empty string,
+     *         <code>false</code> otherwise
+     */
+    public boolean isEmpty() {
+        return getValue().length() == 0;
+    }
+
+    /**
+     * Clears the value of this field.
+     */
+    public void clear() {
+        setValue("");
+    }
+}
diff --git a/server/src/test/java/com/vaadin/tests/server/component/abstracttextfield/AbstractTextFieldDeclarativeTest.java b/server/src/test/java/com/vaadin/tests/server/component/abstracttextfield/AbstractTextFieldDeclarativeTest.java
index 63367363d5..d7fd06dbe8 100644
--- a/server/src/test/java/com/vaadin/tests/server/component/abstracttextfield/AbstractTextFieldDeclarativeTest.java
+++ b/server/src/test/java/com/vaadin/tests/server/component/abstracttextfield/AbstractTextFieldDeclarativeTest.java
@@ -17,7 +17,7 @@ package com.vaadin.tests.server.component.abstracttextfield;
 
 import org.junit.Test;
 
-import com.vaadin.shared.ui.textfield.ValueChangeMode;
+import com.vaadin.shared.ui.ValueChangeMode;
 import com.vaadin.tests.design.DeclarativeTestBase;
 import com.vaadin.ui.AbstractTextField;
 import com.vaadin.ui.TextField;
diff --git a/server/src/test/java/com/vaadin/ui/ComponentTest.java b/server/src/test/java/com/vaadin/ui/ComponentTest.java
new file mode 100644
index 0000000000..8cd9afa776
--- /dev/null
+++ b/server/src/test/java/com/vaadin/ui/ComponentTest.java
@@ -0,0 +1,98 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.vaadin.ui;
+
+import java.lang.reflect.InvocationHandler;
+import java.lang.reflect.Method;
+import java.lang.reflect.Proxy;
+
+import com.vaadin.server.ClientConnector;
+import com.vaadin.server.ServerRpcMethodInvocation;
+import com.vaadin.shared.communication.ServerRpc;
+
+/**
+ * Base class for component unit tests, providing helper methods for e.g.
+ * invoking RPC and updating diff state.
+ */
+public class ComponentTest {
+
+    /**
+     * Perform operations on the component similar to what would be done when
+     * the component state is communicated to the client, e.g. update diff state
+     * and mark as clean.
+     *
+     * @param component
+     *            the component to update
+     */
+    public static void syncToClient(AbstractComponent component) {
+        updateDiffState(component);
+        component.getUI().getConnectorTracker().markClean(component);
+    }
+
+    /**
+     * Checks if the connector has been marked dirty.
+     *
+     * @param connector
+     *            the connector to check
+     * @return <code>true</code> if the connector has been marked dirty,
+     *         <code>false</code> otherwise
+     */
+    public static boolean isDirty(ClientConnector connector) {
+        return connector.getUI().getConnectorTracker().isDirty(connector);
+    }
+
+    /**
+     * Updates the stored diff state from the current component state.
+     *
+     * @param rta
+     *            the component to update
+     */
+    public static void updateDiffState(AbstractComponent component) {
+        component.getUI().getSession().getCommunicationManager()
+                .encodeState(component, component.getState());
+
+    }
+
+    /**
+     * Gets a proxy object which invokes ServerRpc methods.
+     *
+     * @param component
+     *            the component which listens to the RPC
+     * @param serverRpcClass
+     *            the server RPC class
+     * @return a proxy which can be used to invoke RPC methods
+     */
+    @SuppressWarnings("unchecked")
+    public static <T extends ServerRpc> T getRpcProxy(Component component,
+            Class<T> serverRpcClass) {
+        return (T) Proxy.newProxyInstance(component.getClass().getClassLoader(),
+                new Class[] { serverRpcClass }, new InvocationHandler() {
+
+                    @Override
+                    public Object invoke(Object proxy, Method method,
+                            Object[] args) throws Throwable {
+                        ServerRpcMethodInvocation invocation = new ServerRpcMethodInvocation(
+                                component.getConnectorId(), serverRpcClass,
+                                method.getName(), args.length);
+                        invocation.setParameters(args);
+                        component.getRpcManager(serverRpcClass.getName())
+                                .applyInvocation(invocation);
+                        return null;
+                    }
+                });
+    }
+
+}
diff --git a/server/src/test/java/com/vaadin/ui/RichTextAreaTest.java b/server/src/test/java/com/vaadin/ui/RichTextAreaTest.java
new file mode 100644
index 0000000000..554e002848
--- /dev/null
+++ b/server/src/test/java/com/vaadin/ui/RichTextAreaTest.java
@@ -0,0 +1,107 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.vaadin.ui;
+
+import org.junit.Assert;
+import org.junit.Test;
+
+import com.vaadin.server.ClientConnector;
+import com.vaadin.server.ServerRpcManager.RpcInvocationException;
+import com.vaadin.shared.ui.richtextarea.RichTextAreaServerRpc;
+import com.vaadin.tests.util.MockUI;
+
+public class RichTextAreaTest extends ComponentTest {
+
+    @Test
+    public void initiallyEmpty() {
+        RichTextArea tf = new RichTextArea();
+        Assert.assertTrue(tf.isEmpty());
+    }
+
+    @Test
+    public void setValueServerWhenReadOnly() {
+        RichTextArea tf = new RichTextArea();
+        tf.setReadOnly(true);
+        tf.setValue("foo");
+        Assert.assertEquals("foo", tf.getValue());
+    }
+
+    @Test
+    public void diffStateAfterClientSetValueWhenReadOnly() {
+        UI ui = new MockUI();
+
+        // If the client has a non-readonly text field which is set to read-only
+        // on the server, then any update from the client must cause both the
+        // readonly state and the old value to be sent
+        RichTextArea rta = new RichTextArea();
+        ui.setContent(rta);
+        rta.setValue("bar");
+        rta.setReadOnly(true);
+        syncToClient(rta);
+
+        // Client thinks the field says "foo" but it won't be updated because
+        // the field is readonly
+        getRpcProxy(rta, RichTextAreaServerRpc.class).setText("foo");
+
+        // The real value will be sent back as long as the field is marked as
+        // dirty and diffstate contains what the client has
+        Assert.assertEquals("foo", getDiffStateString(rta, "value"));
+        Assert.assertTrue("Component should be marked dirty", isDirty(rta));
+    }
+
+    @Test
+    public void setValueClientNotSentBack() throws RpcInvocationException {
+        UI ui = new MockUI();
+        RichTextArea rta = new RichTextArea();
+        ui.setContent(rta);
+        rta.setValue("bar");
+
+        updateDiffState(rta);
+        getRpcProxy(rta, RichTextAreaServerRpc.class).setText("foo");
+        Assert.assertEquals("foo", getDiffStateString(rta, "value"));
+    }
+
+    private String getDiffStateString(ClientConnector connector, String key) {
+        return connector.getUI().getConnectorTracker().getDiffState(connector)
+                .get(key).asString();
+    }
+
+    @Test
+    public void setValueClientRefusedWhenReadOnly() {
+        RichTextArea tf = new RichTextArea();
+        tf.setValue("bar");
+        tf.setReadOnly(true);
+        tf.setValue("foo", true);
+        Assert.assertEquals("bar", tf.getValue());
+    }
+
+    @Test
+    public void setValueNullBecomesEmptyString() {
+        RichTextArea tf = new RichTextArea();
+        tf.setValue(null);
+        Assert.assertEquals("", tf.getValue());
+    }
+
+    @Test
+    public void emptyAfterClear() {
+        RichTextArea tf = new RichTextArea();
+        tf.setValue("foobar");
+        Assert.assertFalse(tf.isEmpty());
+        tf.clear();
+        Assert.assertTrue(tf.isEmpty());
+    }
+
+}
diff --git a/shared/src/main/java/com/vaadin/shared/ui/textfield/ValueChangeMode.java b/shared/src/main/java/com/vaadin/shared/ui/ValueChangeMode.java
similarity index 97%
rename from shared/src/main/java/com/vaadin/shared/ui/textfield/ValueChangeMode.java
rename to shared/src/main/java/com/vaadin/shared/ui/ValueChangeMode.java
index 39b1bb668a..00c7f2c548 100644
--- a/shared/src/main/java/com/vaadin/shared/ui/textfield/ValueChangeMode.java
+++ b/shared/src/main/java/com/vaadin/shared/ui/ValueChangeMode.java
@@ -14,7 +14,7 @@
  * the License.
  */
 
-package com.vaadin.shared.ui.textfield;
+package com.vaadin.shared.ui;
 
 /**
  * Different modes for when and how often field value changes are transmitted
diff --git a/shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaClientRpc.java b/shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaClientRpc.java
new file mode 100644
index 0000000000..34c7e750db
--- /dev/null
+++ b/shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaClientRpc.java
@@ -0,0 +1,29 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.vaadin.shared.ui.richtextarea;
+
+import com.vaadin.shared.communication.ClientRpc;
+
+/**
+ * Server to client RPC interface for RichTextArea.
+ */
+public interface RichTextAreaClientRpc extends ClientRpc {
+
+    /**
+     * Selects everything in the field.
+     */
+    void selectAll();
+}
diff --git a/shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaServerRpc.java b/shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaServerRpc.java
new file mode 100644
index 0000000000..f8d6d9121d
--- /dev/null
+++ b/shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaServerRpc.java
@@ -0,0 +1,33 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.vaadin.shared.ui.richtextarea;
+
+import com.vaadin.shared.communication.ServerRpc;
+
+/**
+ * Client to server RPC interface for RichTextArea.
+ *
+ */
+public interface RichTextAreaServerRpc extends ServerRpc {
+
+    /**
+     * Sends the updated text to the server.
+     *
+     * @param text
+     *            the text in the field
+     */
+    void setText(String text);
+}
diff --git a/shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaState.java b/shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaState.java
new file mode 100644
index 0000000000..75ce561ec3
--- /dev/null
+++ b/shared/src/main/java/com/vaadin/shared/ui/richtextarea/RichTextAreaState.java
@@ -0,0 +1,52 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.vaadin.shared.ui.richtextarea;
+
+import com.vaadin.shared.AbstractFieldState;
+import com.vaadin.shared.annotations.DelegateToWidget;
+import com.vaadin.shared.annotations.NoLayout;
+import com.vaadin.shared.ui.ValueChangeMode;
+
+/**
+ * State for RichTextArea.
+ *
+ */
+public class RichTextAreaState extends AbstractFieldState {
+    {
+        primaryStyleName = "v-richtextarea";
+    }
+
+    /**
+     * Maximum character count in text field.
+     */
+    @DelegateToWidget
+    @NoLayout
+    public int maxLength = -1;
+
+    /**
+     * The text in the field.
+     */
+    @DelegateToWidget
+    @NoLayout
+    public String value = "";
+
+    @NoLayout
+    public ValueChangeMode valueChangeMode = ValueChangeMode.LAZY;
+
+    @NoLayout
+    public int valueChangeTimeout = 400;
+
+}
diff --git a/shared/src/main/java/com/vaadin/shared/ui/textfield/AbstractTextFieldState.java b/shared/src/main/java/com/vaadin/shared/ui/textfield/AbstractTextFieldState.java
index 2eac070b5e..2e7b60d463 100644
--- a/shared/src/main/java/com/vaadin/shared/ui/textfield/AbstractTextFieldState.java
+++ b/shared/src/main/java/com/vaadin/shared/ui/textfield/AbstractTextFieldState.java
@@ -18,6 +18,7 @@ package com.vaadin.shared.ui.textfield;
 import com.vaadin.shared.AbstractFieldState;
 import com.vaadin.shared.annotations.DelegateToWidget;
 import com.vaadin.shared.annotations.NoLayout;
+import com.vaadin.shared.ui.ValueChangeMode;
 
 /**
  * State class for AbstractTextField.
diff --git a/themes/src/main/themes/VAADIN/themes/base/textfield/textfield.scss b/themes/src/main/themes/VAADIN/themes/base/textfield/textfield.scss
index 8eb4d18740..5c05228ad8 100644
--- a/themes/src/main/themes/VAADIN/themes/base/textfield/textfield.scss
+++ b/themes/src/main/themes/VAADIN/themes/base/textfield/textfield.scss
@@ -113,7 +113,7 @@ textarea.v-textarea-readonly:focus {
 	margin-right: 2px;
 }
 
-.v-richtextarea-readonly {
+.v-richtextarea.v-readonly {
 	border: none;
 }
 
diff --git a/uitest/src/main/java/com/vaadin/tests/TestCaptionWrapper.java b/uitest/src/main/java/com/vaadin/tests/TestCaptionWrapper.java
index 43960ef70c..4519b28a6d 100644
--- a/uitest/src/main/java/com/vaadin/tests/TestCaptionWrapper.java
+++ b/uitest/src/main/java/com/vaadin/tests/TestCaptionWrapper.java
@@ -41,7 +41,7 @@ import com.vaadin.ui.Window;
 import com.vaadin.v7.ui.NativeSelect;
 import com.vaadin.v7.ui.OptionGroup;
 import com.vaadin.v7.ui.ProgressIndicator;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 import com.vaadin.v7.ui.Select;
 import com.vaadin.v7.ui.Table;
 import com.vaadin.v7.ui.TextField;
diff --git a/uitest/src/main/java/com/vaadin/tests/TestForRichTextEditor.java b/uitest/src/main/java/com/vaadin/tests/TestForRichTextEditor.java
deleted file mode 100644
index 5ad1032879..0000000000
--- a/uitest/src/main/java/com/vaadin/tests/TestForRichTextEditor.java
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
- * Copyright 2000-2016 Vaadin Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"); you may not
- * use this file except in compliance with the License. You may obtain a copy of
- * the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
- * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
- * License for the specific language governing permissions and limitations under
- * the License.
- */
-
-package com.vaadin.tests;
-
-import com.vaadin.shared.ui.label.ContentMode;
-import com.vaadin.ui.Button;
-import com.vaadin.ui.CheckBox;
-import com.vaadin.ui.CustomComponent;
-import com.vaadin.ui.Label;
-import com.vaadin.ui.VerticalLayout;
-import com.vaadin.v7.data.Property.ValueChangeEvent;
-import com.vaadin.v7.data.Property.ValueChangeListener;
-import com.vaadin.v7.ui.RichTextArea;
-
-/**
- *
- * @author Vaadin Ltd.
- */
-public class TestForRichTextEditor extends CustomComponent
-        implements ValueChangeListener {
-
-    private final VerticalLayout main = new VerticalLayout();
-
-    private Label l;
-
-    private RichTextArea rte;
-
-    public TestForRichTextEditor() {
-
-        setCompositionRoot(main);
-        createNewView();
-    }
-
-    public void createNewView() {
-        main.removeAllComponents();
-        main.addComponent(new Label(
-                "RTE uses google richtextArea and their examples toolbar."));
-
-        rte = new RichTextArea();
-        rte.addListener(this);
-
-        main.addComponent(rte);
-
-        main.addComponent(new Button("commit content to label below"));
-
-        l = new Label("", ContentMode.HTML);
-        main.addComponent(l);
-
-        CheckBox b = new CheckBox("enabled");
-        b.setImmediate(true);
-        b.addValueChangeListener(event -> rte.setEnabled(!rte.isEnabled()));
-        main.addComponent(b);
-
-    }
-
-    @Override
-    public void valueChange(ValueChangeEvent event) {
-        l.setValue(rte.getValue());
-    }
-
-}
diff --git a/uitest/src/main/java/com/vaadin/tests/components/AbstractComponentContainerTest.java b/uitest/src/main/java/com/vaadin/tests/components/AbstractComponentContainerTest.java
index ef0a273172..f385dfe84c 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/AbstractComponentContainerTest.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/AbstractComponentContainerTest.java
@@ -17,7 +17,7 @@ import com.vaadin.ui.NativeButton;
 import com.vaadin.ui.PopupDateField;
 import com.vaadin.ui.TabSheet;
 import com.vaadin.ui.VerticalSplitPanel;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 import com.vaadin.v7.ui.Table;
 import com.vaadin.v7.ui.TextArea;
 import com.vaadin.v7.ui.TextField;
diff --git a/uitest/src/main/java/com/vaadin/tests/components/notification/NotificationsWaiAria.java b/uitest/src/main/java/com/vaadin/tests/components/notification/NotificationsWaiAria.java
index cc0fcd36b9..7eefa585b2 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/notification/NotificationsWaiAria.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/notification/NotificationsWaiAria.java
@@ -2,7 +2,7 @@ package com.vaadin.tests.components.notification;
 
 import com.vaadin.server.Page;
 import com.vaadin.server.VaadinRequest;
-import com.vaadin.shared.ui.textfield.ValueChangeMode;
+import com.vaadin.shared.ui.ValueChangeMode;
 import com.vaadin.shared.ui.ui.NotificationRole;
 import com.vaadin.tests.components.AbstractTestUI;
 import com.vaadin.ui.Button;
diff --git a/uitest/src/main/java/com/vaadin/tests/components/popupview/PopupViewWithRTE.java b/uitest/src/main/java/com/vaadin/tests/components/popupview/PopupViewWithRTE.java
index 200bc94be6..8ee6f3844e 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/popupview/PopupViewWithRTE.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/popupview/PopupViewWithRTE.java
@@ -5,7 +5,7 @@ import com.vaadin.ui.Component;
 import com.vaadin.ui.PopupView;
 import com.vaadin.ui.PopupView.Content;
 import com.vaadin.ui.VerticalLayout;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 
 public class PopupViewWithRTE extends TestBase {
 
diff --git a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaEmptyString.java b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaEmptyString.java
index 17a8c2ea51..01dc10220f 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaEmptyString.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaEmptyString.java
@@ -6,7 +6,7 @@ import com.vaadin.ui.Button;
 import com.vaadin.ui.Button.ClickEvent;
 import com.vaadin.ui.Button.ClickListener;
 import com.vaadin.ui.Label;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 
 public class RichTextAreaEmptyString extends TestBase {
 
diff --git a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaRelativeHeightResize.java b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaRelativeHeightResize.java
index af5b3a1253..f8f2a40020 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaRelativeHeightResize.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaRelativeHeightResize.java
@@ -20,7 +20,7 @@ import com.vaadin.tests.components.AbstractTestUI;
 import com.vaadin.ui.Button;
 import com.vaadin.ui.Button.ClickEvent;
 import com.vaadin.ui.VerticalLayout;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 
 public class RichTextAreaRelativeHeightResize extends AbstractTestUI {
 
diff --git a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaScrolling.java b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaScrolling.java
index f3a16636b7..2c76c0fbdb 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaScrolling.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaScrolling.java
@@ -3,7 +3,7 @@ package com.vaadin.tests.components.richtextarea;
 import com.vaadin.tests.components.TestBase;
 import com.vaadin.ui.HorizontalLayout;
 import com.vaadin.ui.VerticalLayout;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 
 public class RichTextAreaScrolling extends TestBase {
 
diff --git a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaSize.java b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaSize.java
index 3884f1d3d1..139b36ece8 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaSize.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaSize.java
@@ -3,7 +3,7 @@ package com.vaadin.tests.components.richtextarea;
 import com.vaadin.tests.components.TestBase;
 import com.vaadin.ui.HorizontalLayout;
 import com.vaadin.ui.VerticalLayout;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 
 public class RichTextAreaSize extends TestBase {
 
diff --git a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaTest.java b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaTest.java
index 376e84a1cb..689663c84a 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaTest.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaTest.java
@@ -1,56 +1,21 @@
 package com.vaadin.tests.components.richtextarea;
 
-import java.util.LinkedHashMap;
+import com.vaadin.tests.components.abstractfield.AbstractFieldTest;
+import com.vaadin.ui.RichTextArea;
 
-import com.vaadin.tests.components.abstractfield.LegacyAbstractFieldTest;
-import com.vaadin.v7.ui.RichTextArea;
-
-public class RichTextAreaTest extends LegacyAbstractFieldTest<RichTextArea> {
+public class RichTextAreaTest extends AbstractFieldTest<RichTextArea, String> {
 
     @Override
     protected Class<RichTextArea> getTestClass() {
         return RichTextArea.class;
     }
 
-    private Command<RichTextArea, Boolean> nullSelectionAllowedCommand = new Command<RichTextArea, Boolean>() {
-
-        @Override
-        public void execute(RichTextArea c, Boolean value, Object data) {
-            c.setNullSettingAllowed(value);
-
-        }
-    };
-    private Command<RichTextArea, String> nullRepresentationCommand = new Command<RichTextArea, String>() {
-
-        @Override
-        public void execute(RichTextArea c, String value, Object data) {
-            c.setNullRepresentation(value);
-        }
-    };
-
     @Override
     protected void createActions() {
         super.createActions();
-
-        createSetTextValueAction(CATEGORY_ACTIONS);
-
-        createNullSettingAllowedAction(CATEGORY_FEATURES);
-        createNullRepresentationAction(CATEGORY_FEATURES);
-    }
-
-    private void createNullSettingAllowedAction(String category) {
-        createBooleanAction("Null selection allowed", category, true,
-                nullSelectionAllowedCommand);
-    }
-
-    private void createNullRepresentationAction(String category) {
-        LinkedHashMap<String, String> options = new LinkedHashMap<>();
-        options.put("-", null);
-        options.put("null", "null");
-        options.put("This is empty", "This is empty");
-        options.put("- Nothing -", "- Nothing -");
-        createSelectAction("Null representation", category, options, "null",
-                nullRepresentationCommand);
+        createClickAction("Select all", CATEGORY_FEATURES, (rta, a, b) -> {
+            rta.selectAll();
+        }, null);
     }
 
 }
diff --git a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaUpdateWhileTyping.java b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaUpdateWhileTyping.java
index f23e145ec3..846579e6c3 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaUpdateWhileTyping.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaUpdateWhileTyping.java
@@ -4,7 +4,7 @@ import com.vaadin.server.VaadinRequest;
 import com.vaadin.tests.components.AbstractTestUI;
 import com.vaadin.v7.shared.ui.progressindicator.ProgressIndicatorServerRpc;
 import com.vaadin.v7.ui.ProgressIndicator;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 
 public class RichTextAreaUpdateWhileTyping extends AbstractTestUI {
 
diff --git a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaWithKeyboardShortcuts.java b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaWithKeyboardShortcuts.java
index 481ea55267..2ed52a2d95 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaWithKeyboardShortcuts.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreaWithKeyboardShortcuts.java
@@ -11,7 +11,7 @@ import com.vaadin.ui.Panel;
 import com.vaadin.ui.VerticalLayout;
 import com.vaadin.ui.Window;
 import com.vaadin.v7.ui.AbstractField;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 
 @SuppressWarnings("serial")
 public class RichTextAreaWithKeyboardShortcuts extends TestBase {
diff --git a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreas.java b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreas.java
index 37b9283eb4..8585d19bc2 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreas.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/richtextarea/RichTextAreas.java
@@ -1,7 +1,7 @@
 package com.vaadin.tests.components.richtextarea;
 
 import com.vaadin.tests.components.ComponentTestCase;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 
 public class RichTextAreas extends ComponentTestCase<RichTextArea> {
 
diff --git a/uitest/src/main/java/com/vaadin/tests/components/splitpanel/GridLayoutWithCheckbox.java b/uitest/src/main/java/com/vaadin/tests/components/splitpanel/GridLayoutWithCheckbox.java
index 98f90553a1..12040900bb 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/splitpanel/GridLayoutWithCheckbox.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/splitpanel/GridLayoutWithCheckbox.java
@@ -2,7 +2,7 @@ package com.vaadin.tests.components.splitpanel;
 
 import com.vaadin.annotations.Theme;
 import com.vaadin.server.VaadinRequest;
-import com.vaadin.shared.ui.textfield.ValueChangeMode;
+import com.vaadin.shared.ui.ValueChangeMode;
 import com.vaadin.ui.CheckBox;
 import com.vaadin.ui.GridLayout;
 import com.vaadin.ui.Label;
diff --git a/uitest/src/main/java/com/vaadin/tests/components/splitpanel/SplitPanelWithRichTextArea.java b/uitest/src/main/java/com/vaadin/tests/components/splitpanel/SplitPanelWithRichTextArea.java
index 6bd2eb838e..41a14bb178 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/splitpanel/SplitPanelWithRichTextArea.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/splitpanel/SplitPanelWithRichTextArea.java
@@ -3,7 +3,7 @@ package com.vaadin.tests.components.splitpanel;
 import com.vaadin.tests.components.TestBase;
 import com.vaadin.ui.Label;
 import com.vaadin.ui.VerticalSplitPanel;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 
 public class SplitPanelWithRichTextArea extends TestBase {
 
diff --git a/uitest/src/main/java/com/vaadin/tests/components/textfield/MultipleTextChangeEvents.java b/uitest/src/main/java/com/vaadin/tests/components/textfield/MultipleTextChangeEvents.java
index 1f6eb569cc..0654c77851 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/textfield/MultipleTextChangeEvents.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/textfield/MultipleTextChangeEvents.java
@@ -2,8 +2,8 @@ package com.vaadin.tests.components.textfield;
 
 import com.vaadin.event.Action;
 import com.vaadin.event.Action.Handler;
+import com.vaadin.shared.ui.ValueChangeMode;
 import com.vaadin.event.ShortcutAction;
-import com.vaadin.shared.ui.textfield.ValueChangeMode;
 import com.vaadin.tests.components.TestBase;
 import com.vaadin.tests.util.Log;
 import com.vaadin.ui.TextField;
diff --git a/uitest/src/main/java/com/vaadin/tests/components/textfield/TextFieldsValueChangeMode.java b/uitest/src/main/java/com/vaadin/tests/components/textfield/TextFieldsValueChangeMode.java
new file mode 100644
index 0000000000..c989d49c8f
--- /dev/null
+++ b/uitest/src/main/java/com/vaadin/tests/components/textfield/TextFieldsValueChangeMode.java
@@ -0,0 +1,152 @@
+package com.vaadin.tests.components.textfield;
+
+import com.vaadin.data.HasValue.ValueChange;
+import com.vaadin.server.VaadinRequest;
+import com.vaadin.shared.ui.ValueChangeMode;
+import com.vaadin.tests.components.AbstractTestUIWithLog;
+import com.vaadin.tests.util.TestUtils;
+import com.vaadin.ui.AbstractField;
+import com.vaadin.ui.AbstractTextField;
+import com.vaadin.ui.Component;
+import com.vaadin.ui.HasValueChangeMode;
+import com.vaadin.ui.HorizontalLayout;
+import com.vaadin.ui.RichTextArea;
+import com.vaadin.ui.TextArea;
+import com.vaadin.ui.TextField;
+import com.vaadin.ui.VerticalLayout;
+
+public class TextFieldsValueChangeMode extends AbstractTestUIWithLog {
+
+    @Override
+    protected void setup(VaadinRequest request) {
+        log.setNumberLogRows(false);
+        HorizontalLayout hl = new HorizontalLayout();
+        hl.addComponent(createFields(TextField.class));
+        hl.addComponent(createFields(TextArea.class));
+        hl.addComponent(createFields(RichTextArea.class));
+        addComponent(hl);
+    }
+
+    private Component createFields(Class<?> fieldClass) {
+        VerticalLayout vl = new VerticalLayout();
+        String id = fieldClass.getSimpleName().toLowerCase();
+        try {
+            AbstractField<String> f = (AbstractField<String>) fieldClass
+                    .newInstance();
+            f.setId(id + "-default");
+            f.setCaption(f.getId());
+            f.addValueChangeListener(this::logValueChange);
+
+            vl.addComponent(f);
+        } catch (InstantiationException | IllegalAccessException e) {
+            e.printStackTrace();
+        }
+
+        try {
+            AbstractField<String> eager = (AbstractField<String>) fieldClass
+                    .newInstance();
+            eager.setId(id + "-eager");
+            eager.setCaption(eager.getId());
+
+            eager.addValueChangeListener(this::logValueChange);
+            ((HasValueChangeMode) eager)
+                    .setValueChangeMode(ValueChangeMode.EAGER);
+            vl.addComponent(eager);
+        } catch (InstantiationException | IllegalAccessException e) {
+            e.printStackTrace();
+        }
+        try {
+            AbstractField<String> timeout = (AbstractField<String>) fieldClass
+                    .newInstance();
+            timeout.setId(id + "-timeout");
+            timeout.setCaption(timeout.getId());
+            timeout.addValueChangeListener(this::logValueChange);
+            ((HasValueChangeMode) timeout)
+                    .setValueChangeMode(ValueChangeMode.TIMEOUT);
+            ((HasValueChangeMode) timeout).setValueChangeTimeout(1000);
+            vl.addComponent(timeout);
+        } catch (InstantiationException | IllegalAccessException e) {
+            e.printStackTrace();
+        }
+
+        return vl;
+    }
+
+    private void logValueChange(ValueChange<String> listener) {
+        AbstractField<String> field = (AbstractField<String>) listener
+                .getConnector();
+        String msg = "Value change event for " + field.getCaption()
+                + ", new value: '" + listener.getValue() + "'";
+        if (field instanceof AbstractTextField) {
+            msg += " Cursor at index:"
+                    + ((AbstractTextField) field).getCursorPosition();
+        }
+        log(msg);
+
+    }
+
+    @Override
+    protected String getTestDescription() {
+        return "Simple TextChangeEvent test cases.";
+    }
+
+    /**
+     * "Autosuggest"
+     *
+     * Known issue is timing if suggestion comes while typing more content. IMO
+     * we will not support this kind of features in default TextField, but
+     * hopefully make it easily extendable to perfect suggest feature. MT
+     * 2010-10
+     *
+     */
+    private class VaadinDeveloperNameField extends TextField {
+        private String[] names = new String[] { "Matti Tahvonen",
+                "Marc Englund", "Joonas Lehtinen", "Jouni Koivuviita",
+                "Marko Grönroos", "Artur Signell" };
+
+        public VaadinDeveloperNameField() {
+            setCaption("Start typing 'old' Vaadin developers.");
+            addValueChangeListener(listener -> {
+                boolean atTheEndOfText = listener.getValue()
+                        .length() == getCursorPosition();
+                String match = findMatch(listener.getValue());
+                if (match != null) {
+                    setStyleName("match");
+                    String curText = listener.getValue();
+                    int matchlenght = curText.length();
+                    // autocomplete if caret is at the end of the text
+                    if (atTheEndOfText) {
+                        suggest(match, matchlenght);
+                    }
+                } else {
+                    setStyleName("nomatch");
+                }
+            });
+            setStyleName("nomatch");
+        }
+
+        @Override
+        public void attach() {
+            super.attach();
+            TestUtils.injectCSS(getUI(), ".match { background:green ;} "
+                    + ".nomatch {background:red;}");
+        }
+
+        private void suggest(String match, int matchlenght) {
+            setValue(match);
+            setSelection(matchlenght, match.length() - matchlenght);
+        }
+
+        private String findMatch(String currentTextContent) {
+            if (currentTextContent.length() > 0) {
+                for (int i = 0; i < names.length; i++) {
+                    if (names[i].startsWith(currentTextContent)) {
+                        return names[i];
+                    }
+                }
+            }
+            return null;
+        }
+    }
+
+}
diff --git a/uitest/src/main/java/com/vaadin/tests/components/tree/TreeScrolling.java b/uitest/src/main/java/com/vaadin/tests/components/tree/TreeScrolling.java
index e72498e6d7..7d9f48c75b 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/tree/TreeScrolling.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/tree/TreeScrolling.java
@@ -3,7 +3,7 @@ package com.vaadin.tests.components.tree;
 import com.vaadin.tests.components.AbstractTestCase;
 import com.vaadin.ui.LegacyWindow;
 import com.vaadin.ui.VerticalLayout;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 import com.vaadin.v7.ui.TextField;
 import com.vaadin.v7.ui.Tree;
 
diff --git a/uitest/src/main/java/com/vaadin/tests/components/uitest/components/TextFieldsCssTest.java b/uitest/src/main/java/com/vaadin/tests/components/uitest/components/TextFieldsCssTest.java
index a304ae33f0..284914f264 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/uitest/components/TextFieldsCssTest.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/uitest/components/TextFieldsCssTest.java
@@ -7,7 +7,7 @@ import com.vaadin.ui.PasswordField;
 import com.vaadin.ui.TextField;
 import com.vaadin.ui.themes.ChameleonTheme;
 import com.vaadin.ui.themes.Reindeer;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 import com.vaadin.v7.ui.TextArea;
 
 public class TextFieldsCssTest extends GridLayout {
diff --git a/uitest/src/main/java/com/vaadin/tests/components/window/WindowCloseShortcuts.java b/uitest/src/main/java/com/vaadin/tests/components/window/WindowCloseShortcuts.java
index dca7074f2e..f5ab65a65b 100644
--- a/uitest/src/main/java/com/vaadin/tests/components/window/WindowCloseShortcuts.java
+++ b/uitest/src/main/java/com/vaadin/tests/components/window/WindowCloseShortcuts.java
@@ -39,7 +39,7 @@ import com.vaadin.ui.VerticalLayout;
 import com.vaadin.ui.Window;
 import com.vaadin.ui.declarative.Design;
 import com.vaadin.ui.declarative.DesignContext;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 
 @Theme("valo")
 @SuppressWarnings("serial")
diff --git a/uitest/src/main/java/com/vaadin/tests/fields/TabIndexes.java b/uitest/src/main/java/com/vaadin/tests/fields/TabIndexes.java
index 0ec27edf5a..12539b84cd 100644
--- a/uitest/src/main/java/com/vaadin/tests/fields/TabIndexes.java
+++ b/uitest/src/main/java/com/vaadin/tests/fields/TabIndexes.java
@@ -14,13 +14,13 @@ import com.vaadin.ui.GridLayout;
 import com.vaadin.ui.HorizontalLayout;
 import com.vaadin.ui.InlineDateField;
 import com.vaadin.ui.PopupDateField;
+import com.vaadin.ui.RichTextArea;
 import com.vaadin.ui.Slider;
 import com.vaadin.v7.ui.ComboBox;
 import com.vaadin.v7.ui.ListSelect;
 import com.vaadin.v7.ui.NativeSelect;
 import com.vaadin.v7.ui.OptionGroup;
 import com.vaadin.v7.ui.PasswordField;
-import com.vaadin.v7.ui.RichTextArea;
 import com.vaadin.v7.ui.Table;
 import com.vaadin.v7.ui.TextArea;
 import com.vaadin.v7.ui.TextField;
@@ -28,7 +28,6 @@ import com.vaadin.v7.ui.Tree;
 import com.vaadin.v7.ui.TreeTable;
 import com.vaadin.v7.ui.TwinColSelect;
 
-@SuppressWarnings("rawtypes")
 public class TabIndexes extends AbstractTestUIWithLog {
 
     private List<Focusable> fields;
diff --git a/uitest/src/main/java/com/vaadin/tests/navigator/NavigatorTest.java b/uitest/src/main/java/com/vaadin/tests/navigator/NavigatorTest.java
index 276e7e90d5..392a3f3854 100644
--- a/uitest/src/main/java/com/vaadin/tests/navigator/NavigatorTest.java
+++ b/uitest/src/main/java/com/vaadin/tests/navigator/NavigatorTest.java
@@ -16,7 +16,7 @@ import com.vaadin.ui.Layout;
 import com.vaadin.ui.TextField;
 import com.vaadin.ui.UI;
 import com.vaadin.ui.VerticalLayout;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 import com.vaadin.v7.ui.Table;
 
 public class NavigatorTest extends UI {
diff --git a/uitest/src/main/java/com/vaadin/tests/themes/valo/Forms.java b/uitest/src/main/java/com/vaadin/tests/themes/valo/Forms.java
index e35318209f..c7a677de7f 100644
--- a/uitest/src/main/java/com/vaadin/tests/themes/valo/Forms.java
+++ b/uitest/src/main/java/com/vaadin/tests/themes/valo/Forms.java
@@ -34,7 +34,7 @@ import com.vaadin.ui.VerticalLayout;
 import com.vaadin.ui.themes.ValoTheme;
 import com.vaadin.v7.ui.ComboBox;
 import com.vaadin.v7.ui.OptionGroup;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 import com.vaadin.v7.ui.TextArea;
 import com.vaadin.v7.ui.TextField;
 
diff --git a/uitest/src/main/java/com/vaadin/tests/themes/valo/TextFields.java b/uitest/src/main/java/com/vaadin/tests/themes/valo/TextFields.java
index 4daf6f90e0..a626345128 100644
--- a/uitest/src/main/java/com/vaadin/tests/themes/valo/TextFields.java
+++ b/uitest/src/main/java/com/vaadin/tests/themes/valo/TextFields.java
@@ -28,7 +28,7 @@ import com.vaadin.ui.TextArea;
 import com.vaadin.ui.TextField;
 import com.vaadin.ui.VerticalLayout;
 import com.vaadin.ui.themes.ValoTheme;
-import com.vaadin.v7.ui.RichTextArea;
+import com.vaadin.ui.RichTextArea;
 
 public class TextFields extends VerticalLayout implements View {
     private TestIcon testIcon = new TestIcon(140);
diff --git a/uitest/src/main/java/com/vaadin/v7/tests/components/textarea/TextAreaCursorPosition.java b/uitest/src/main/java/com/vaadin/v7/tests/components/textarea/TextAreaCursorPosition.java
index eb08a9494b..f5f0b6890b 100644
--- a/uitest/src/main/java/com/vaadin/v7/tests/components/textarea/TextAreaCursorPosition.java
+++ b/uitest/src/main/java/com/vaadin/v7/tests/components/textarea/TextAreaCursorPosition.java
@@ -1,6 +1,6 @@
 package com.vaadin.v7.tests.components.textarea;
 
-import com.vaadin.shared.ui.textfield.ValueChangeMode;
+import com.vaadin.shared.ui.ValueChangeMode;
 import com.vaadin.tests.components.TestBase;
 import com.vaadin.ui.AbstractField;
 import com.vaadin.ui.AbstractTextField;
diff --git a/uitest/src/main/java/com/vaadin/v7/tests/components/textfield/TextChangeEvents.java b/uitest/src/main/java/com/vaadin/v7/tests/components/textfield/TextChangeEvents.java
deleted file mode 100644
index ec66f3bc20..0000000000
--- a/uitest/src/main/java/com/vaadin/v7/tests/components/textfield/TextChangeEvents.java
+++ /dev/null
@@ -1,146 +0,0 @@
-package com.vaadin.v7.tests.components.textfield;
-
-import com.vaadin.shared.ui.textfield.ValueChangeMode;
-import com.vaadin.tests.components.TestBase;
-import com.vaadin.tests.util.Log;
-import com.vaadin.tests.util.TestUtils;
-import com.vaadin.ui.TextArea;
-import com.vaadin.ui.TextField;
-import com.vaadin.v7.event.FieldEvents.TextChangeEvent;
-import com.vaadin.v7.event.FieldEvents.TextChangeListener;
-
-public class TextChangeEvents extends TestBase {
-    Log l = new Log(10);
-
-    @Override
-    protected void setup() {
-
-        TextField tf = new TextField("Default");
-
-        TextChangeListener inputEventListener = new TextChangeListener() {
-
-            @Override
-            public void textChange(TextChangeEvent event) {
-                l.log("Text change event for  "
-                        + event.getComponent().getCaption()
-                        + ", text content currently:'" + event.getText()
-                        + "' Cursor at index:" + event.getCursorPosition());
-            }
-        };
-
-        tf.addValueChangeListener(listener -> {
-            l.log("Text change event for  " + tf.getCaption()
-                    + ", text content currently:'" + listener.getValue()
-                    + "' Cursor at index:" + tf.getCursorPosition());
-        });
-
-        getLayout().addComponent(tf);
-
-        TextField eager = new TextField("Eager");
-        eager.addValueChangeListener(listener -> {
-            l.log("Text change event for  " + eager.getCaption()
-                    + ", text content currently:'" + listener.getValue()
-                    + "' Cursor at index:" + eager.getCursorPosition());
-        });
-        eager.setValueChangeMode(ValueChangeMode.EAGER);
-        getLayout().addComponent(eager);
-
-        TextField to = new TextField("Timeout 3s");
-        to.addValueChangeListener(listener -> {
-            l.log("Text change event for  " + to.getCaption()
-                    + ", text content currently:'" + listener.getValue()
-                    + "' Cursor at index:" + to.getCursorPosition());
-        });
-        to.setValueChangeMode(ValueChangeMode.TIMEOUT);
-        to.setValueChangeTimeout(3000);
-        getLayout().addComponent(to);
-
-        TextArea ta = new TextArea("Default text area");
-        ta.addValueChangeListener(listener -> {
-            l.log("Text change event for  " + ta.getCaption()
-                    + ", text content currently:'" + listener.getValue()
-                    + "' Cursor at index:" + ta.getCursorPosition());
-        });
-        getLayout().addComponent(ta);
-
-        VaadinDeveloperNameField vd = new VaadinDeveloperNameField();
-        vd.addValueChangeListener(listener -> {
-            l.log("Text change event for  " + vd.getCaption()
-                    + ", text content currently:'" + listener.getValue()
-                    + "' Cursor at index:" + vd.getCursorPosition());
-        });
-        getLayout().addComponent(vd);
-
-        getLayout().addComponent(l);
-    }
-
-    @Override
-    protected String getDescription() {
-        return "Simple TextChangeEvent test cases.";
-    }
-
-    @Override
-    protected Integer getTicketNumber() {
-        return null;
-    }
-
-    /**
-     * "Autosuggest"
-     *
-     * Known issue is timing if suggestion comes while typing more content. IMO
-     * we will not support this kind of features in default TextField, but
-     * hopefully make it easily extendable to perfect suggest feature. MT
-     * 2010-10
-     *
-     */
-    private class VaadinDeveloperNameField extends TextField {
-        private String[] names = new String[] { "Matti Tahvonen",
-                "Marc Englund", "Joonas Lehtinen", "Jouni Koivuviita",
-                "Marko Grönroos", "Artur Signell" };
-
-        public VaadinDeveloperNameField() {
-            setCaption("Start typing 'old' Vaadin developers.");
-            addValueChangeListener(listener -> {
-                boolean atTheEndOfText = listener.getValue()
-                        .length() == getCursorPosition();
-                String match = findMatch(listener.getValue());
-                if (match != null) {
-                    setStyleName("match");
-                    String curText = listener.getValue();
-                    int matchlenght = curText.length();
-                    // autocomplete if caret is at the end of the text
-                    if (atTheEndOfText) {
-                        suggest(match, matchlenght);
-                    }
-                } else {
-                    setStyleName("nomatch");
-                }
-            });
-            setStyleName("nomatch");
-        }
-
-        @Override
-        public void attach() {
-            super.attach();
-            TestUtils.injectCSS(getUI(), ".match { background:green ;} "
-                    + ".nomatch {background:red;}");
-        }
-
-        private void suggest(String match, int matchlenght) {
-            setValue(match);
-            setSelection(matchlenght, match.length() - matchlenght);
-        }
-
-        private String findMatch(String currentTextContent) {
-            if (currentTextContent.length() > 0) {
-                for (int i = 0; i < names.length; i++) {
-                    if (names[i].startsWith(currentTextContent)) {
-                        return names[i];
-                    }
-                }
-            }
-            return null;
-        }
-    }
-
-}
diff --git a/uitest/src/test/java/com/vaadin/tests/components/textfield/TextFieldsValueChangeModeTest.java b/uitest/src/test/java/com/vaadin/tests/components/textfield/TextFieldsValueChangeModeTest.java
new file mode 100644
index 0000000000..a9417c7d29
--- /dev/null
+++ b/uitest/src/test/java/com/vaadin/tests/components/textfield/TextFieldsValueChangeModeTest.java
@@ -0,0 +1,124 @@
+/*
+ * Copyright 2000-2016 Vaadin Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.vaadin.tests.components.textfield;
+
+import org.junit.Assert;
+import org.junit.Ignore;
+import org.junit.Test;
+import org.openqa.selenium.By;
+import org.openqa.selenium.WebElement;
+
+import com.vaadin.tests.tb3.MultiBrowserTest;
+
+public class TextFieldsValueChangeModeTest extends MultiBrowserTest {
+
+    @Test
+    public void textFieldEager() {
+        testEager("textfield-eager");
+    }
+
+    @Test
+    public void textAreaEager() {
+        testEager("textarea-eager");
+    }
+
+    @Test
+    @Ignore("No support for typing in a RichTextArea in TestBench")
+    public void richTextAreaEager() {
+        testEager("richtextarea-eager");
+    }
+
+    @Test
+    public void textFieldDefault() {
+        testDefault("textfield-default");
+    }
+
+    @Test
+    public void textAreaDefault() {
+        testDefault("textarea-default");
+    }
+
+    @Test
+    @Ignore("No support for typing in a RichTextArea in TestBench")
+    public void richTextAreaDefault() {
+        testEager("richtextarea-default");
+    }
+
+    @Test
+    public void textFieldTimeout() {
+        testTimeout("textfield-timeout");
+    }
+
+    @Test
+    public void textAreaTimeout() {
+        testTimeout("textarea-timeout");
+    }
+
+    @Test
+    @Ignore("No support for typing in a RichTextArea in TestBench")
+    public void richTextAreaTimeout() {
+        testEager("richtextarea-timeout");
+    }
+
+    private void testEager(String id) {
+        openTestURL();
+        WebElement eagerTextField = findElement(By.id(id));
+        eagerTextField.sendKeys("f");
+        eagerTextField.sendKeys("o");
+        eagerTextField.sendKeys("o");
+        assertLog(id, "f", "fo", "foo");
+    }
+
+    private void testDefault(String id) {
+        openTestURL();
+        WebElement eagerTextField = findElement(By.id(id));
+        eagerTextField.sendKeys("f");
+        eagerTextField.sendKeys("o");
+        eagerTextField.sendKeys("o");
+        sleep(400); // Default timeout is 400ms
+        assertLog(id, "foo");
+
+    }
+
+    private void testTimeout(String id) {
+        openTestURL();
+        WebElement eagerTextField = findElement(By.id(id));
+        eagerTextField.sendKeys("f");
+        eagerTextField.sendKeys("o");
+        eagerTextField.sendKeys("o");
+        sleep(1000); // Timer set to 1000ms
+        eagerTextField.sendKeys("b");
+        eagerTextField.sendKeys("a");
+        eagerTextField.sendKeys("a");
+        sleep(1000); // Timer set to 1000ms
+        assertLog(id, "foo", "foobaa");
+    }
+
+    private void assertLog(String id, String... messages) {
+        for (int i = 0; i < messages.length; i++) {
+            String expected = "Value change event for " + id + ", new value: '"
+                    + messages[i] + "'";
+
+            String log = getLogRow(messages.length - 1 - i);
+            int tail = log.indexOf(" Cursor at");
+            if (tail != -1) {
+                log = log.substring(0, tail);
+            }
+            Assert.assertEquals(expected, log);
+        }
+
+    }
+}
-- 
2.39.5