Validations within my application are updating on ‘changed’ even though I’m specifying updateOn: ‘blur’ for the whole FormGroup. As soon as I click a required field it’s being outlined in red. Is there a trick to making this play nicely with Ionic? I also have a directive that appends an error message after the ion-item and for that I’m using ionBlur without issue, but reactive forms only take ‘change’, ‘blur’, and ‘submit’ as options for updateOn.
Typescript:
this.entryForm = this.fb.group({
type: ['', [Validators.required]],
entryName: ['', [Validators.required]],
altName: [''],
description: [''],
county: ['', [Validators.required]],
state: ['', [Validators.required]],
status: ['', [Validators.required]],
accessDetails: [''],
},
{ updateOn: 'blur' });