FluentNumberField not working in WASM about fast-blazor HOT 11 CLOSED

Looks like we've got a fix under review for this in the main repo: microsoft/fast#5289

from fast-blazor.

It happens to me also, without the grid in client only blazor:
<FluentNumberField @bind-Value=@testNumber></FluentNumberField>

from fast-blazor.

I think this has to do with an issue in the underlying fast repo microsoft/fast#5246

ps. good to see you here guys!

from fast-blazor.

Closing this issue out now that the core component fix is in.

from fast-blazor.

@EisenbergEffect I cannot update Microsoft.Fast.Components.FluentUI nuget package, the last version is still 0.4.0

Could you provide a prerelease package if a new version is still not possible ?

from fast-blazor.

This fix is dependent on the script rather than the Nuget package. What version of the script are you using?

from fast-blazor.

@EisenbergEffect I am working in a new Blazor WebAssembly project, there are no scripts. I am using the nugget package Microsoft.Fast.Components.FluentUI and nothing else in the project.

from fast-blazor.

@chigivigi If you follow the getting started in the readme (https://github.com/microsoft/fast-blazor#getting-started) for the project, you should have added a <script type="module" src="https://unpkg.com/@fluentui/web-components"></script> to your index.html or layout. That is the script @EisenbergEffect is refering to.
This script recently got updated to version 2.0 (which contains the visual refresh and the first set of fixes for the underlying <fluent-number-field>). There will be another update soon to fix the remaining number field issue (microsoft/fast#5315)

from fast-blazor.

@vnbaaij I put the script inside the index.html file and after starting it again I get the following error message:

The page breaks and the second column that should display the number field componente is empty:

from fast-blazor.

Ok, that is not good...I have a Web Assembly demo running in my fork (https://github.com/vnbaaij/fast-blazor/tree/new-demo) where this is working. You can see a working demo at https://thankful-island-0494bc003.azurestaticapps.net/DatagridPage.
I think it will be fixed once we release a new version of the package. If you need a working situation right now, your only option is to include the Microsoft.Fast.Components.FluentUI project in your solution. Beware though that as of now we are targeting .NET 6 (rc2).

from fast-blazor.

Alright, I will wait for the nugget package.

from fast-blazor.