CodeBeamOrg / CodeBeam.MudBlazor.Extensions

Useful third party extension components for MudBlazor, from the contributors.
https://mudextensions.codebeam.org/
MIT License
430 stars 68 forks source link

MudSelectExtended with JSException. #370

Open yangf85 opened 7 months ago

yangf85 commented 7 months ago

Title: Style Issues and JavaScript Errors with MudSelectExtended Component

Body:

Description I am encountering an issue with the MudSelectExtended component in my Blazor application. The component’s styling appears incorrect, and it throws a JavaScript exception after a single selection. Code image UI image

Exception blazor.web.js:1 [2024-04-13T13:20:03.972Z] Error: Microsoft.JSInterop.JSException: Could not find 'mudScrollManagerExtended.scrollToMiddle' ('mudScrollManagerExtended' was undefined). Error: Could not find 'mudScrollManagerExtended.scrollToMiddle' ('mudScrollManagerExtended' was undefined). at https://localhost:7266/_framework/blazor.web.js:1:734 at Array.forEach () at l.findFunction (https://localhost:7266/_framework/blazor.web.js:1:702) at b (https://localhost:7266/_framework/blazor.web.js:1:5445) at https://localhost:7266/_framework/blazor.web.js:1:3238 at new Promise () at y.beginInvokeJSFromDotNet (https://localhost:7266/_framework/blazor.web.js:1:3201) at gn._invokeClientMethod (https://localhost:7266/_framework/blazor.web.js:1:62841) at gn._processIncomingData (https://localhost:7266/_framework/blazor.web.js:1:60316) at connection.onreceive (https://localhost:7266/_framework/blazor.web.js:1:53957) at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, Object[] args) at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args) at MudExtensions.MudListExtended`1.OnAfterRenderAsync(Boolean firstRender) at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

mckaragoz commented 7 months ago

It look like you didn't install MudExtensions packages properly. Please look at Readme for installation instructions. Need to add script and css files.

yangf85 commented 7 months ago

看起来您没有正确安装 MudExtensions 软件包。有关安装说明,请查看自述文件。需要添加脚本和css文件。

thanks, i will try it

thatplatypus commented 5 months ago

I also had this issue in a project of mine recently. I'm not sure why, but the script from the Codebeam package wasn't being copied in with the other packages to the _content correctly. Couldn't figure out why but had to move on so just manually stuffed the MudExtensions.min.css in my client project's wwwroot and it resolved it.

.Net 8 webassembly