fix: rename custom events whose name matches browserEventName to avoid .NET 11 exception (#4607)

* Initial plan

* fix: rename custom events with same name as browserEventName to avoid .NET 11 exception

Co-authored-by: vnbaaij <1761079+vnbaaij@users.noreply.github.com>

* chore: remove accidentally committed build artifact and update .gitignore

Co-authored-by: vnbaaij <1761079+vnbaaij@users.noreply.github.com>

* fix: rename custom events to listchange/textimmediate and revert .gitignore

Co-authored-by: vnbaaij <1761079+vnbaaij@users.noreply.github.com>

* chore: add Core.Scripts/.gitignore and remove committed build artifact

Co-authored-by: vnbaaij <1761079+vnbaaij@users.noreply.github.com>

* chore: update Core.Scripts/.gitignore and remove committed build artifact

Co-authored-by: vnbaaij <1761079+vnbaaij@users.noreply.github.com>

* chore: remove build artifact with backslash path from git tracking

Co-authored-by: vnbaaij <1761079+vnbaaij@users.noreply.github.com>

* chore: revert package-lock.json and remove Core.Scripts/.gitignore

Co-authored-by: vnbaaij <1761079+vnbaaij@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: vnbaaij <1761079+vnbaaij@users.noreply.github.com>

Author: Copilot

src/Core.Scripts/src/FluentUICustomEvents.ts

@@ -87,7 +87,7 @@ export namespace Microsoft.FluentUI.Blazor.FluentUICustomEvents {
       }
     });
 
-    blazor.registerCustomEventType('listboxchange', {
+    blazor.registerCustomEventType('listchange', {
       browserEventName: 'listboxchange',
       createEventArgs: (event: any)=> {
         return {
@@ -155,7 +155,7 @@ export namespace Microsoft.FluentUI.Blazor.FluentUICustomEvents {
   }
 
   export function TextInput(blazor: Blazor) {
-    blazor.registerCustomEventType('immediate', {
+    blazor.registerCustomEventType('textimmediate', {
       browserEventName: 'immediate',
       createEventArgs: (event: any)=> {
        return {

src/Core/Components/List/FluentListbox.razor

@@ -18,7 +18,7 @@
                  name="@Name"
                  readonly="@ReadOnly"
                  required="@Required"
-                 @onlistboxchange="@OnDropdownChangeHandlerAsync"
+                 @onlistchange="@OnDropdownChangeHandlerAsync"
                  @onfocusout="@FocusOutHandlerAsync"
                  @attributes="@AdditionalAttributes">
                 <fluent-listbox style="@ListStyle">

src/Core/Components/TextArea/FluentTextArea.razor

@@ -26,7 +26,7 @@
                      value="@CurrentValueAsString"
                      @onfocusout="@FocusOutHandlerAsync"
                      @onchange="@ChangeHandlerAsync"
-                     @onimmediate="@InputHandlerAsync"
+                     @ontextimmediate="@InputHandlerAsync"
                      @attributes="AdditionalAttributes">
     </fluent-textarea>
 </FluentField>

src/Core/Components/TextInput/FluentTextInput.razor

@@ -27,7 +27,7 @@
                        value="@CurrentValueAsString"
                        @onfocusout="@FocusOutHandlerAsync"
                        @onchange="@ChangeHandlerAsync"
-                       @onimmediate="@InputHandlerAsync"
+                       @ontextimmediate="@InputHandlerAsync"
                        @attributes="AdditionalAttributes">
 
         @if (StartTemplate != null)

src/Core/Events/EventHandlers.cs

@@ -33,13 +33,13 @@ namespace Microsoft.FluentUI.AspNetCore.Components;
 [EventHandler("onmenuitemchange", typeof(MenuItemEventArgs), enableStopPropagation: true, enablePreventDefault: true)]
 [EventHandler("ontabchange", typeof(TabChangeEventArgs), enableStopPropagation: true, enablePreventDefault: true)]
 [EventHandler("ondropdownchange", typeof(DropdownEventArgs), enableStopPropagation: true, enablePreventDefault: true)]
-[EventHandler("onlistboxchange", typeof(DropdownEventArgs), enableStopPropagation: true, enablePreventDefault: true)]
+[EventHandler("onlistchange", typeof(DropdownEventArgs), enableStopPropagation: true, enablePreventDefault: true)]
 [EventHandler("ontreechanged", typeof(TreeItemChangedEventArgs), enableStopPropagation: true, enablePreventDefault: true)]
 [EventHandler("ontreetoggle", typeof(TreeItemToggleEventArgs), enableStopPropagation: true, enablePreventDefault: true)]
 [EventHandler("onclosecolumnoptions", typeof(EventArgs), enableStopPropagation: true, enablePreventDefault: true)]
 [EventHandler("onclosecolumnresize", typeof(EventArgs), enableStopPropagation: true, enablePreventDefault: true)]
 [EventHandler("onradiochange", typeof(RadioEventArgs), enableStopPropagation: true, enablePreventDefault: true)]
-[EventHandler("onimmediate", typeof(ChangeEventArgs), enableStopPropagation: true, enablePreventDefault: true)]
+[EventHandler("ontextimmediate", typeof(ChangeEventArgs), enableStopPropagation: true, enablePreventDefault: true)]
 public static class EventHandlers
 {
 }

tests/Core/Components/TextArea/FluentTextAreaTests.razor

@@ -146,7 +146,7 @@
         var cut = Render(@<FluentTextArea @bind-Value="@value" Immediate="@immediate" ImmediateDelay="@immediateDelay" />);
 
         // Act
-        cut.Find("fluent-textarea").TriggerEvent("onimmediate", new ChangeEventArgs() { Value = "new value"});
+        cut.Find("fluent-textarea").TriggerEvent("ontextimmediate", new ChangeEventArgs() { Value = "new value"});
 
         // Assert: Immediate
         Assert.Equal(expectedImmediateValue, value);

tests/Core/Components/TextInput/FluentTextInputTests.razor

@@ -161,7 +161,7 @@
         var cut = Render(@<FluentTextInput @bind-Value="@value" Immediate="@immediate" ImmediateDelay="@immediateDelay" />);
 
         // Act
-        cut.Find("fluent-text-input").TriggerEvent("onimmediate", new ChangeEventArgs() { Value = "new value"});
+        cut.Find("fluent-text-input").TriggerEvent("ontextimmediate", new ChangeEventArgs() { Value = "new value"});
 
         // Assert: Immediate
         Assert.Equal(expectedImmediateValue, value);