Updating value of form control in fluent-text-input doesn't work

[q-rebeccawalters]

when we bind an angular form to the fluent-text-input component, e.g.,
<fluent-text-input [qeAutofocus] placeholder="Name" formControlName="name"/>
if we try and update the value of the control in the component, e.g.,
this.form.controls.name.setValue('foo')
the control isn't updated. The expected behaviour is that if you change the value of the form controller it should update the value of the input, but it doesn't seem to change dynamically

[q-rebeccawalters]

we can see that the way it is done in fluent-text-input, the current writeValue is written:

writeValue(value) {
        this.value = value;
        if (value) {
            this.renderer.setAttribute(this.el, 'value', value);
        }
    }

which seems to result in us being able to clear the inputs value. This is the library we are using @fabric-msft/fluent-angular version: 1.0.0-beta

[IdanGoldfarb1989]

Hi,
We will contact the team responsible for the UI kit to get their input.

Thanks,
Idan

[procload]

Thanks for the feedback, @q-rebeccawalters. I put together a Stackblitz attempting to reproduce your error: Example Angular Stackblitz

Can you take a look at that and let me know if that answers your question, or if you are still seeing the error there? When I click "Set Name to Foo" the value in the UI and the browser console updates to 'foo'. If there are still issues, we can definitely file and bug and address as soon as we can.