Issue
Невозможно скопировать текст из отключенного matInput в Firefox.Это работает на Chrome и Safari.Существует несколько обсуждений этого вопроса по Stackoverflow: Ссылка 1 Ссылка 2
Stackblitz
HTML
<form [formGroup]="customerContactFormGroup">
<mat-form-field>
<input matInput placeholder="Copy below text in Firefox" formControlName="customerName">
</mat-form-field>
</form>
TS
export class AppComponent implements OnInit{
customerContactFormGroup: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.customerContactFormGroup = this.formBuilder.group({
customerName: ['Some Text to Copy', Validators.required]
});
}
ngOnInit(){
this.customerContactFormGroup.get('customerName').disable();
}
}
Я использую метод Angular formgroup.disable () .Согласно Mozilla, существует четкое разграничение между атрибутом readonly и отключенным атрибутом.
Есть несколько обходных путей копирования текста, кто-нибудь решил это без этих обходных путей или обсудил это с Angular Material Team, чтобы узнать их позицию по этому вопросу?