The body element of the edited document must have at least the height and width of the rich text area

The BODY element can have a smaller width and height than the HTML element allowing the user to click inside the HTML element but outside of the BODY element. In IE this leads to the HTML element being activated and the selection within the BODY element being cleared. This is very annoying for the user which expects to see the caret when he clicks inside the rich text area. Also, GWT's rich text area listens to DOM events generated within the BODY element and thus events triggered by the HTML element are ignored. We cannot prevent the activation of the HTML element because this will make scrolling with the mouse impossible. The best way to avoid this problem is to ensure through CSS that the BODY element has at least the width and height of the HTML element. In other words, initially when the document is empty the BODY should have the height of the rich text area. Once the user starts adding content and this content grows beyond the height of the rich text area requiring the vertical scroll bar then the BODY element should increase its height to be able to wrap the content.