Cursor jumps while editing EditableText inside a Dialog

[cyu06]

Here's a fun one: if you have an EditableText component inside a Dialog, any change to the contents of the EditableText (inserting or deleting a character) moves the cursor to the end of the component. This makes it nearly impossible to use except if you're just typing contents at the end.

Reported by vshekhawat.

Modified repro:

import { Dialog, EditableText } from "../src";
import * as React from "react";

interface IReproState {
  text: string;
}

export class DialogExample extends React.Component<{}, IReproState> {
    public constructor() {
        super();
        this.state = {
            text: "",
        };
    }

    public render() {
        return (
            <Dialog isOpen>
                <EditableText
                    value={this.state.text}
                    onChange={this.setText}
                />
            </Dialog>
        );
    }

    private setText = (text: string) => {
        this.setState({
            text,
        });
    }
}

[cyu06]

This may be also impacting Table's examples. Unrelated