Using RobinHerbots inputmask in ClientSideBlazor

[toto-tech]

I want to use inpunmask in clientside blazor. Problem is that two way binding not work. My code is folllowing: I include this js libs:

<script src="script/jquery-3.4.1.min.js"></script>
<script src="script/jquery.inputmask.min.js"></script>
<script src="script/inputmask.binding.js"></script>
<script src="script/InitMask.js"></script>

My js code: window.datetimeinput = {

initjs: function () {

            //$("#phone").inputmask();
        $("#phone").inputmask("99-9999999");

}
};

My blazor code:

@code{ public Model model = new Model();

public class Model
{

    public string phone { get; set; }
}

protected override async Task OnAfterRenderAsync()
{
    await js.InvokeAsync<object>("datetimeinput.initjs");

}

}

[hetis]

Please help

[mkArtakMSFT]

Thanks for contacting us, @toto-tech. If that library directly manipulates the DOM, you're going to have problem with integrating it with Blazor, because it'll interfere with Blazor's diffing logic and result in unexpected (for Blazor) outcomes.

[toto-tech]

Thanks for your answer. What can be best practise to mask inputs generally

[ghost]

Thank you for contacting us. Due to no activity on this issue we're closing it in an effort to keep our backlog clean. If you believe there is a concern related to the ASP.NET Core framework, which hasn't been addressed yet, please file a new issue.