Не блокируются контролы формы

Библиотека

• @digital-plant/zyfra-components
• @digital-plant/zyfra-ui
• @digital-plant/zyfra-translate

Компонент

zyfra-textarea, zyfra-input, zyfra-dropdown + возможно другие компоненты.

Версия

Операционная ситема:

Windows 10

Браузер:

Google Chrome Версия 100.0.4896.75 (Официальная сборка), (64 бит)

NodeJS:

➜ node --version
v16.14.2

Dependencies:

➜ npm ls @digital-plant/zyfra-components

@digital-plant/zyfra-components@0.6.0

Проект в котором используется КБ

• zui-app-normdocs
• https://gitdp.zyfra.com/digital-plant/zui-qa-apps/apps/zui-app-normdocs
• http://192.168.101.126/normdocs/

Скрин / Видео проблемы

Скрин 1:

Скрин 2:

Описание проблемы

Сделали реактивную форму, есть необходимость дисейблить все контролы формы при инициализации компонента. В версии SDK 0.6.0 контролы формы (zyfra-input, zyfra-textarea, zyfra-dropdown) не дисейблятся (см. скрин 1), но в версии 0.5.0 этот функционал работает (см. скрин 2).

Блокировать форму пробовали разными способами (см. ниже), результат одинаковый.

form = new FormGroup({
  field: new FormControl({ value: '', disabled: true }, Validators.required),
});

ngOnInit() {
  this.form.disable();
}

В самом шаблоне форма привязывается через директивы formGroup и formControlName.

Примечательно, что если при версии 0.6.0 использовать zyfra-input-group, то там блокировка контрола работает.