1. Home
  2. Forum
  3. Blazor
  4. Dropdown List completely broken in 18.1.54

Dropdown List completely broken in 18.1.54

Your own basic example works fine in 18.1.53 and is broken in 18.1.54.  I know you were trying to solve performance issues and multiple event handlers that were not unregistering.  As a result, the dropdown is unusable and results in an empty dropdown and an exception.  I was really looking forward to this release as you promised a fix for the performance issues plaguing the dropdown list, unfortunately looks like the fix missed the mark.

crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: Could not find 'sfBlazor' in 'window'.
      Error: Could not find 'sfBlazor' in 'window'.
         at Anonymous function (https://localhost:44310/_framework/blazor.webassembly.js:1:9192)
         at Array.prototype.forEach (native code)
         at p (https://localhost:44310/_framework/blazor.webassembly.js:1:9142)
         at Anonymous function (https://localhost:44310/_framework/blazor.webassembly.js:1:9866)
         at Promise (native code)
         at e.jsCallDispatcher.beginInvokeJSFromDotNet (https://localhost:44310/_framework/blazor.webassembly.js:1:9835)
         at _mono_wasm_invoke_js_marshalled (https://localhost:44310/_framework/wasm/dotnet.3.2.0.js:1:171263)
         at Module[_mono_wasm_invoke_method] (https://localhost:44310/_framework/wasm/dotnet.3.2.0.js:1:195650)
         at BINDING.call_method (https://localhost:44310/_framework/wasm/dotnet.3.2.0.js:1:160810)

Here's sample code:

@page "/debug"
<h3>Debug</h3>

<SfDropDownList TValue="string" TItem="Data" Placeholder="e.g: Aero" IgnoreAccent=true DataSource="@Country">
    <DropDownListFieldSettings Value="Name"></DropDownListFieldSettings>
    <DropDownListEvents TValue="string" OnValueSelect="DataSelected"></DropDownListEvents>
</SfDropDownList>
<br />
<textarea style="width:100%;height:800px;">@events.ToString()</textarea>


@code {
    public class Data
    {
        public string Name { get; set; }
    }

    public StringBuilder events = new StringBuilder();

    List<Data> Country = new List<Data>
    {
        new Data() { Name = "Aeróbics"},
        new Data() { Name = "Aeróbics en Agua"},
        new Data() { Name = "Aerografía"},
        new Data() { Name = "Águilas"},
        new Data() { Name = "Ajedrez"},
        new Data() { Name = "Ala Delta"},
        new Data() { Name = "Álbumes de Música"},
        new Data() { Name = "Alusivos"},
        new Data() { Name = "Análisis de Escritura a Mano"},
    };

    private void DataSelected(Syncfusion.Blazor.DropDowns.SelectEventArgs args)
    {
        events.Append($"{DateTime.Now} Value '{args.ItemData.ToString()}' selected.{System.Environment.NewLine}");
    }
}

5 Replies
EK Edward Kagan May 27, 2020 06:31 PM UTC

I'm now seeing this error all over the place, can't find SfBlazor in window.  Is it because something is missing in the package or the JavaScript component is stale?  Something is really amiss here.

WN Waldemar Nowak May 28, 2020 06:05 AM UTC

Hi Edward,

I had the same exception with SfRadioButton. I recommend you to revert back to 18.1.0.53 and it should work.

Regards,
Waldek

EK Edward Kagan May 28, 2020 06:06 AM UTC

Yes, that's what I did, reverted back to 18.1.53 because apparently 18.1.54 is completely useless.

SU Sridurgha Uthayakumaran Syncfusion Team May 28, 2020 11:17 AM UTC

  
Hi Edward, 
 
Greetings from Syncfusion. 
 
We are sorry for the inconvenience caused. We are able to reproduce the reported issue in Blazor WebAssembly application with v18.1.0.54. We will resolve the issue and include the fix in the next patch release which is expected to release on June 02, 2020. 
As of now, please use the below workaround to resolve the issue. 
  1. Set true to the SyncfusionBlazorService in ~/Program.cs.
builder.Services.AddSyncfusionBlazor(true); 
  1. Add Syncfusion interop script file manually in ~/wwwroot/index.html file.
<head> 
   ..... 
   ..... 
  <script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript"></script> 
</head> 
 
For your convenience we have created a sample to render Blazor Dropdown and radio button component with the workaround stated and the same can be downloaded from the below link. 
 
 
Please let us know if you require any further assistance on this. 
 
Regards, 
Sridurgha U 


JA Jesus Arockia Sankaran S Syncfusion Team June 2, 2020 10:58 AM UTC

Hi Edward, 

Thank you for waiting for our response. 

We are glad to inform you that the reported issue is fixed with our latest patch release version 18.1.0.55. 


Please get back to us if you need any further assistance on this. 

Regards, 
Jesus Arockia Sankaran S 


Loader.
Up arrow icon