Rich Text Editor not loading on Firefox

When I try to bring up a dialog form that has a rich text editor it doesn't load in Firefox browser. It sits with 3 dots like it's loading but never does. It works in other browsers like Chrome but not Firefox. THis is what is looks like in Firefox



and what it looks like in Chrome



Angular

<mat-dialog-content class="email-content">
<form [formGroup]="form">
<ng-container *ngIf="isShowingEmailDraft">
<div class="email-header d-flex align-content-center justify-content-start">
<div class="d-flex align-self-center">
<i class="fa fa-send align-self-center mr-2"></i><label>{{ 'Email to'
}} *</label>
</div>
<button class="btn btn-link btn-sm ml-2 px-0"
[disabled]="isSending"
(click)="isShowingEmailDraft = false; isShowingRecipients = true">
{{ selectedRecipientNames }}
<small *ngIf="emailRecipients.length > 1"
class="text-muted">{{ emailRecipients.length }}</small>
</button>
<button *ngIf="emailTemplates.length"
class="btn btn-link btn-sm ml-auto mr-0 px-0"
[disabled]="isSending"
(click)="isShowingEmailDraft = false; isShowingEmailTemplates =
true">
{{ 'Use saved email template?' }}
</button>
</div>
</ng-container>

<div class="email-body bg-white animated fadeIn"
[class.hidden]="isShowingDraftPreview"
[class.border-top]="!isShowingRecipients"
[class.pt-3]="!isShowingRecipients"
[class.p-0]="isShowingRecipients">
<!-- reply to and subject -->
<div *ngIf="isShowingEmailDraft"
class="row">
<div class="col-12 col-md-5">
<!-- reply to address -->
<div class="form-group">
<label>{{ 'Reply-To Address' }} *</label>
<input class="form-control"
formControlName="from"
type="text"
[disabled]="isLoading"
[readonly]="isSending"/>
</div>
</div>
<div class="col-12 col-md-7">
<div class="form-group">
<label>{{ 'Subject' }} *</label>
<input class="form-control"
formControlName="subject"
type="text"
[disabled]="isLoading"
[readonly]="isSending"/>
</div>
</div>
</div>

<app-rich-text-editor *ngIf="isShowingEmailDraft"
type="email"
label="{{ 'Message *' }}"
[formGroup]="form"
[controlName]="'message'"></app-rich-text-editor>


</form>
</mat-dialog-content>


Is this a css issue or typescript possibly? I wasn't for sure to include css or typescript code so if that is needed I can add it to my post. Definitely need some assistance with this.

Continue reading...