Question: [![](https://i.stack.imgur.com/PfIiJ.gif)](https://i.stack.imgur.com/PfIiJ.gif)

How do I develop the above gif image using Unity3D?

Answer: 
You can try this:

```
const yourControl = this.form.get('yourControlName');
yourControl.valueChanges.subscribe(() => {
  yourControl.patchValue(yourControl.value.toUpperCase(), {emitEvent: false});
});

```
I know this is reeeeally late, but...

You could hook on to the (change) event instead of the (input) event. Your case changes won't execute until after the user leaves the field, but it will prevent the cursor from jumping.

You case changes will still execute if the user submits the form by pressing Enter while in the field.