question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

FluentNumberField not working in WASM

See original GitHub issue

🐛 Bug Report

I have a wasm project where I am testing fast-blazor components. The page breaks when containing FluentNumberField component.

💻 Repro or Code Sample

I have copied the code from the data grid example

<h2>Grid with RowItemTemplate</h2>
<Microsoft.Fast.Components.FluentUI.FluentDataGrid id="defaultGrid3" RowsData=RowsGrid1 ColumnDefinitions=ColumnsGrid1 GridTemplateColumns="1fr 1fr">
    <RowItemTemplate>
        <Microsoft.Fast.Components.FluentUI.FluentDataGridRow TItem=SampleGrid1Data>
            <Microsoft.Fast.Components.FluentUI.FluentDataGridCell GridColumn=1>
                <Microsoft.Fast.Components.FluentUI.FluentTextField @bind-Value=@context.Name></Microsoft.Fast.Components.FluentUI.FluentTextField>
            </Microsoft.Fast.Components.FluentUI.FluentDataGridCell>
             <Microsoft.Fast.Components.FluentUI.FluentDataGridCell GridColumn=2>
                <Microsoft.Fast.Components.FluentUI.FluentNumberField @bind-Value=@context.Age></Microsoft.Fast.Components.FluentUI.FluentNumberField>
            </Microsoft.Fast.Components.FluentUI.FluentDataGridCell>           

        </Microsoft.Fast.Components.FluentUI.FluentDataGridRow>
    </RowItemTemplate>
</Microsoft.Fast.Components.FluentUI.FluentDataGrid>

🤔 Expected Behavior

I should be able to display the value and change it.

😯 Current Behavior

The column is not showing, It breaks with the error message: crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100] Unhandled exception rendering component: no idea on how to unbox value types Error: no idea on how to unbox value types

💁 Possible Solution

I do not have a suggestion how to fix it.

🔦 Context

We are testing this nuget package with the intention to change our frontend application to use it.

🌍 Your Environment

I am working on Windows 10 PC. The browser I am using is Microsoft Edge Version 94.0.992.38. The nuget package version I am using is 0.4.0. The project is net5.0 blazor Wasm.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:11 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
EisenbergEffectcommented, Oct 20, 2021

Looks like we’ve got a fix under review for this in the main repo: https://github.com/microsoft/fast/pull/5289

0reactions
chigivigicommented, Oct 28, 2021

Alright, I will wait for the nugget package.

Read more comments on GitHub >

github_iconTop Results From Across the Web

FluentNumberField not working in WASM · Issue #87
I have a wasm project where I am testing fast-blazor components. The page breaks when containing FluentNumberField component. Repro or Code ...
Read more >
Blazor - FluentNumberField does not work unsigned types
The binding worked fine when using Razor .Net core. The FluentNumberField should accept any type of number. I know that I can fix...
Read more >
Blazor fluent ui github. If you use the examples above this ...
FluentNumberField not working in WASM · Issue #87 · microsoft/fluentui-blazor · GitHub. ... Code; Issues 23; New issue Have a question about this...
Read more >
Blazor - Fast design
Blazor. FAST works seamlessly with Blazor, including integration with Blazor's binding engine and components. Let's take a look at how to set things...
Read more >
Why Blazor WASM is so slow compared to other ...
Right now, Blazor is running at a big disadvantage due to the fact that WASM doesn't support managed memory languages well.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found