проблема с angular и safari !, angular включить отправку, если заполненная форма не работает в Safari

Question

проблема с angular и сафари! пока текстовое поле или ввод не заполнены, кнопка не активируется. Работает с chrome, firefoxe и смелым, но не с сафари. Я действительно застрял, любая помощь была бы очень хороша!

Форма:

<form  role="form" [formGroup]="formGroup" class="form" (ngSubmit)="createAlert()" class="card px-4 py-3 px-sm-6 py-sm-5 px-md-6 py-md-5 px-lg-6 py-lg-5 px-xl-6 py-xl-5">
<h1 style
    class="justify-content-center text-center font-weight-bold row m-0 mb-2"
    jhiTranslate="feedbackApp.alerte.home.createLabel">
</h1>

<div class="row m-0 form-group align-items-center d-flex mt-5">
    <label class="p-0 text-extra-dark-gray mb-0 col-3 col-sm-3 col-md-2 col-lg-2 col-xl-2">{{ 'feedbackApp.evaluation.project' | translate}}</label>
    <select class="form-control bg-gray-dark w-auto" formControlName="projectId">
        <option *ngFor="let project of currentProjects; trackBy: trackByProjectId" value="{{ project.id }}">{{ project.name }}</option>
    </select>
</div>

<div class="row m-0 form-group align-items-center d-flex mt-3">
    <label class="p-0 text-extra-dark-gray mb-0 col-3 col-sm-3 col-md-2 col-lg-2 col-xl-2">{{ 'feedbackApp.evaluation.alert-level' | translate}}</label>
    <select class="form-control bg-gray-dark w-auto" formControlName="level">
        <option value="NORMAL">{{'feedbackApp.AlertLevel.NORMAL' | translate}}</option>
        <option value="HIGH">{{'feedbackApp.AlertLevel.HIGH' | translate}}</option>
        <option value="VERY_HIGH">{{'feedbackApp.AlertLevel.VERY_HIGH' | translate}}</option>
    </select>
</div>
<div class="row m-0 mt-5">
    <label class="text-extra-dark-gray mr-3 mb-3">{{ 'feedbackApp.evaluation.description' | translate}}</label>
    <textarea class="textarea-error"  formControlName="description" placeholder="{{ 'global.text-area.placeholder-alert' | translate }}" maxlength="12000"></textarea>
</div>

<div class="row m-0 form-group mt-5">
    <div class="m-auto">
        <button type="button" class="btn btn-link btn-big text-extra-dark-gray" (click)="cancel()">
            {{ 'global.cancel' | translate | uppercase }}
        </button>
        <button type="submit" class="btn btn-primary btn-big" jhiTranslate="global.ok" [disabled]="formGroup.invalid">
            OK
        </button>
    </div>
</div>

Машинопись