RichText: Only set selection on selected RichText

When `shouldReapply` was true we would set `start` and `end` on the
record. This is valid, but should only happen when the `RichText` is
already selected. If it is not selected `toDOM` would create a browser
selection and the browser would select that `RichText`. Resulting in
the last `RichText` the user touched always being focused when
applying annotations.

packages/editor/src/components/rich-text/index.js

@@ -688,9 +688,14 @@ export class RichText extends Component {
 		if ( shouldReapply ) {
 			const record = this.formatToValue( value );
 
-			// Maintain the previous selection:
-			record.start = this.state.start;
-			record.end = this.state.end;
+			// If we always specify this the selection will go to this RichText
+			// regardless whether is is actually the currently selected one.
+			// So check if this RichText is the selected one.
+			if ( this.props.isSelected ) {
+				// Maintain the previous selection:
+				record.start = this.state.start;
+				record.end = this.state.end;
+			}
 
 			this.applyRecord( record );
 		}