fix: Cannot control the Value of a FluentTextField or a FluentTextArea. about fluentui-blazor HOT 4 CLOSED

Please supply us with ready-to-run reproduction code in the form of something we can copy/paste, a (zipped) project structure or a GitHub repository.

We do not have capacity to craft or compose a reproduction for every issue that gets raised.

If no code or repository is provided, this issue will get closed in 3 days

Help us to help you. Thanks.

from fluentui-blazor.

@vnbaaij Apperantly when you pass a value using ToString, it does not work correctly.
Example as above

@using Microsoft.FluentUI.AspNetCore.Components

<FluentTextField
    Value="@_value.ToString()"
    ValueChanged="@ChangeValue" />

@code {
    private RandEnum _value;

    private void ChangeValue(string newValue)
    {
        switch(newValue)
        {
            case "A":
                _value = RandEnum.A;
                break;
            case "C":
                _value = RandEnum.C;
                break;
            default:
                _value = RandEnum.A;
                break;
        }
    }

    public enum RandEnum {
        A,
        B,
        C
    }
}

from fluentui-blazor.

Yeah, I'm not surprised this is not working. _value is of type enum where as TextField only supports binding to a string. This should not even compile...

from fluentui-blazor.

If you change the code to this, it sort of works:

@using Microsoft.FluentUI.AspNetCore.Components

<FluentTextField Value="@_value.ToString()"
                 ValueChanged="@ChangeValue" ValueExpression="@(() => s)" />

@code {
    private RandEnum _value;
    private  string? s;

    private void ChangeValue(string newValue)
    {
        s = string.Empty;
        switch (newValue)
        {
            case "A":
                _value = RandEnum.A;
                break;
            case "C":
                _value = RandEnum.C;
                break;
            default:
                _value = RandEnum.A;
                break;
        }
        s = _value.ToString();
    }

    public enum RandEnum
    {
        A,
        B,
        C
    }
}

With 'sort of' I mean it works if you change for A->xyz->C->ghj->etc. If you just change from ne value that resolves to A to another that resolves to A again, the field will not update.

As this is a bit of a strange usage, I'm closing this issue. Hope the provided code will help you further.

from fluentui-blazor.