I have an Angular app that uses some bootstrap, and have a text input box that looks like this
<div class="form-group"> <!-- Name question on the form -->
<div class="row">
<div class="col-12">
<label>
Under what name do you want to save this form?
</label>
</div>
</div>
<div class="input-group">
<input class="form-control" type="text" [(ngModel)]="cons.name"
[ngModelOptions]="{standalone: true}"
mdTooltipPosition="right"
autofocus/>
</div>
</div>
when I use the app in Chrome the input box works fine, but on Microsoft Edge and Safari, it does not let me type into the input box. What could be causing this?