Blazor - Fast Button raises click event even if disabled

I have a simple fast-button in the disabled state. It may not be in disabled state and then the Click event is valid.

               <fast-button disabled="@Disabled" @onclick="@OnDisClick">
                    Disabled
                </fast-button>

The JSInterop for blazor for the click event...

    private async Task OnDisClick(MouseEventArgs args)
    {
        await JsInteropService.AlertAsync("Disabled Click");
    }

The button is correctly rendered and shows the disabled icon but if I click the onclick event calls OnDisClick...

Visual Studio 2019
Blazor WebAssembly

[EisenbergEffect]

We'll have to investigate how to do this, since the platform doesn't block events just because an element is disabled. This seems to be something that is built into the platform button itself.

Firing events in disabled state is problematic. There are lot of common use cases where the disabled state is used to indicate that the operation is possible but not allowed in the current context. e.g. Disabling Delete or disable UI options based on certain roles and conditions. By definition disabled state should not raise any events ?

[EisenbergEffect]

I'm not disagreeing with you. I just wanted to point out that the platform doesn't do this by default with arbitrary elements and events. It seems to be hard-coded to specific built-ins. So, we need to research and determine the best way to handle that for our web components.

[apsthisdev]

Not just with button, fast menu item item also has this issue. Seems like a major bug as this would impact lot of downstream code for applications switching to fast framework.

@EisenbergEffect Might be worth determining all the components that this issue.

[EisenbergEffect]

Closing this issue in favor of #4884 which tracks the core problem.