Error in rich text editor in logs

[Ryan Tomko]

I see the following errors in my logs when users on Firefox are clicking the text highlight button in the toolbar:

2026-06-29 10:04:16.491 -05:00 [WRN] Unhandled exception rendering component: Unhandled exception occurred during interop call.

System.InvalidOperationException: Unhandled exception occurred during interop call.

 ---> Microsoft.JSInterop.JSException: can't access property "parentElement", t[i] is null

./modules/sf-richtexteditor.js/e.removeFormat@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:762924

./modules/sf-richtexteditor.js/e.applyFormat@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:757419

./modules/sf-richtexteditor.js/e.prototype.applySelection@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:778045

./modules/base.js/e.prototype.blazorCallback@https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:36163

./modules/base.js/e.prototype.notify@https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:35909

./modules/sf-richtexteditor.js/e.prototype.execCommand@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:859762

./modules/sf-richtexteditor.js/e.prototype.actionBeginCallBack@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1297679

./modules/sf-richtexteditor.js/e.prototype.process@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1294284

./modules/sf-richtexteditor.js/t.prototype.dropDownSelect@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1670925

dropDownButtonItemSelect@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1723409

processJSCall@https://app.website.com/_framework/blazor.server.js:1:4438

beginInvokeJSFromDotNet@https://app.website.com/_framework/blazor.server.js:1:4115

_invokeClientMethod@https://app.website.com/_framework/blazor.server.js:1:67062

_processIncomingData@https://app.website.com/_framework/blazor.server.js:1:64427

Xt/this.connection.onreceive@https://app.website.com/_framework/blazor.server.js:1:58078

connect/</i.onmessage@https://app.website.com/_framework/blazor.server.js:1:82136

   at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, JSCallType callType, Object[] args)

   at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   --- End of inner exception stack trace ---

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   at Syncfusion.Blazor.SfBaseComponent.InvokeMethod(String methodName, Object[] methodParams)

   at Syncfusion.Blazor.RichTextEditor.Internal.DropDownButton.OnItemClick(DropDownItemModel args)

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

2026-06-29 10:04:16.521 -05:00 [ERR] Unhandled exception in circuit 'xtfw7IxU714KEXBV3cJCm25DFMygRt5KZ9tjhELbDnY'.

System.InvalidOperationException: Unhandled exception occurred during interop call.

 ---> Microsoft.JSInterop.JSException: can't access property "parentElement", t[i] is null

./modules/sf-richtexteditor.js/e.removeFormat@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:762924

./modules/sf-richtexteditor.js/e.applyFormat@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:757419

./modules/sf-richtexteditor.js/e.prototype.applySelection@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:778045

./modules/base.js/e.prototype.blazorCallback@https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:36163

./modules/base.js/e.prototype.notify@https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:35909

./modules/sf-richtexteditor.js/e.prototype.execCommand@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:859762

./modules/sf-richtexteditor.js/e.prototype.actionBeginCallBack@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1297679

./modules/sf-richtexteditor.js/e.prototype.process@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1294284

./modules/sf-richtexteditor.js/t.prototype.dropDownSelect@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1670925

dropDownButtonItemSelect@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1723409

processJSCall@https://app.website.com/_framework/blazor.server.js:1:4438

beginInvokeJSFromDotNet@https://app.website.com/_framework/blazor.server.js:1:4115

_invokeClientMethod@https://app.website.com/_framework/blazor.server.js:1:67062

_processIncomingData@https://app.website.com/_framework/blazor.server.js:1:64427

Xt/this.connection.onreceive@https://app.website.com/_framework/blazor.server.js:1:58078

connect/</i.onmessage@https://app.website.com/_framework/blazor.server.js:1:82136

   at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, JSCallType callType, Object[] args)

   at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   --- End of inner exception stack trace ---

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   at Syncfusion.Blazor.SfBaseComponent.InvokeMethod(String methodName, Object[] methodParams)

   at Syncfusion.Blazor.RichTextEditor.Internal.DropDownButton.OnItemClick(DropDownItemModel args)

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

2026-06-29 10:41:57.048 -05:00 [WRN] Unhandled exception rendering component: Unhandled exception occurred during interop call.

System.InvalidOperationException: Unhandled exception occurred during interop call.

 ---> Microsoft.JSInterop.JSException: Failed to execute 'setStartBefore' on 'Range': the given Node has no parent.

InvalidNodeTypeError: Failed to execute 'setStartBefore' on 'Range': the given Node has no parent.

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.SplitNode (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:599261)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.GetSpliceNode (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:599086)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.insertFormat (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:767292)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.applyFormat (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:757483)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.applySelection (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:778045)

    at ./modules/base.js.window.sf.base.e.blazorCallback (https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:36163)

    at ./modules/base.js.window.sf.base.e.notify (https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:35909)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.execCommand (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:859762)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.actionBeginCallBack (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1297679)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.process (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1294284)

   at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, JSCallType callType, Object[] args)

   at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   --- End of inner exception stack trace ---

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   at Syncfusion.Blazor.SfBaseComponent.InvokeMethod(String methodName, Object[] methodParams)

   at Syncfusion.Blazor.RichTextEditor.Internal.Toolbar.OnItemClick(Item item, ClickEventArgs args)

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Syncfusion.Blazor.Navigations.SfToolbar.TriggerClickEvent(MouseEventArgs e, Nullable`1 trgParentDataIndex, ItemModel clickedItem)

   at Syncfusion.Blazor.Navigations.Internal.ToolbarContent.OnItemClick(MouseEventArgs e)

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

2026-06-29 10:41:57.051 -05:00 [ERR] Unhandled exception in circuit 'qprOzvuRDlfzkeBe7II53a0xuyJGpr9TYwoD60TrVxc'.

System.InvalidOperationException: Unhandled exception occurred during interop call.

 ---> Microsoft.JSInterop.JSException: Failed to execute 'setStartBefore' on 'Range': the given Node has no parent.

InvalidNodeTypeError: Failed to execute 'setStartBefore' on 'Range': the given Node has no parent.

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.SplitNode (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:599261)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.GetSpliceNode (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:599086)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.insertFormat (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:767292)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.applyFormat (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:757483)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.applySelection (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:778045)

    at ./modules/base.js.window.sf.base.e.blazorCallback (https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:36163)

    at ./modules/base.js.window.sf.base.e.notify (https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:35909)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.execCommand (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:859762)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.actionBeginCallBack (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1297679)

    at ./modules/sf-richtexteditor.js.window.sfBlazor.RichTextEditor.e.process (https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1294284)

   at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, JSCallType callType, Object[] args)

   at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   --- End of inner exception stack trace ---

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   at Syncfusion.Blazor.SfBaseComponent.InvokeMethod(String methodName, Object[] methodParams)

   at Syncfusion.Blazor.RichTextEditor.Internal.Toolbar.OnItemClick(Item item, ClickEventArgs args)

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Syncfusion.Blazor.Navigations.SfToolbar.TriggerClickEvent(MouseEventArgs e, Nullable`1 trgParentDataIndex, ItemModel clickedItem)

   at Syncfusion.Blazor.Navigations.Internal.ToolbarContent.OnItemClick(MouseEventArgs e)

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

The error doesn't appear to happen in Chrome or Edge - only in Firefox.  The SfRichTextEditor is in a SfDialog. This was in version 33.2.7

[Ryan Tomko]

2026-06-19 09:37:50.049 -05:00 [WRN] Unhandled exception rendering component: Unhandled exception occurred during interop call.

System.InvalidOperationException: Unhandled exception occurred during interop call.

 ---> Microsoft.JSInterop.JSException: Index or size is negative or greater than the allowed amount

./modules/sf-richtexteditor.js/e.prototype.setRangePoint@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:870172

./modules/sf-richtexteditor.js/e.prototype.restore@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:870291

./modules/sf-richtexteditor.js/e.prototype.onSelectionRestore@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1307884

./modules/base.js/e.prototype.blazorCallback@https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:36163

./modules/base.js/e.prototype.notify@https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:35909

./modules/sf-richtexteditor.js/t.prototype.colorChanged@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1674060

colorPickerChanged@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1723646

processJSCall@https://app.website.com/_framework/blazor.server.js:1:4438

beginInvokeJSFromDotNet@https://app.website.com/_framework/blazor.server.js:1:4115

_invokeClientMethod@https://app.website.com/_framework/blazor.server.js:1:67062

_processIncomingData@https://app.website.com/_framework/blazor.server.js:1:64427

Xt/this.connection.onreceive@https://app.website.com/_framework/blazor.server.js:1:58078

connect/</i.onmessage@https://app.website.com/_framework/blazor.server.js:1:82136

   at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, JSCallType callType, Object[] args)

   at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   --- End of inner exception stack trace ---

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   at Syncfusion.Blazor.SfBaseComponent.InvokeMethod(String methodName, Object[] methodParams)

   at Syncfusion.Blazor.RichTextEditor.Internal.Color.ValueChange(ColorPickerEventArgs args)

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Syncfusion.Blazor.Inputs.SfColorPicker.OnClicked()

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeEvent[T](Object eventFn, T eventArgs)

   at Syncfusion.Blazor.SplitButtons.SfSplitButton.<BuildRenderTree>b__82_1()

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeEvent[T](Object eventFn, T eventArgs)

   at Syncfusion.Blazor.Buttons.SfButton.OnClickHandler(MouseEventArgs args)

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

2026-06-19 09:37:50.071 -05:00 [ERR] Unhandled exception in circuit 'L1uuJEtZFY11XdD8kQ8IByLxuNE60y2XdWtKbn_URYg'.

System.InvalidOperationException: Unhandled exception occurred during interop call.

 ---> Microsoft.JSInterop.JSException: Index or size is negative or greater than the allowed amount

./modules/sf-richtexteditor.js/e.prototype.setRangePoint@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:870172

./modules/sf-richtexteditor.js/e.prototype.restore@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:870291

./modules/sf-richtexteditor.js/e.prototype.onSelectionRestore@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1307884

./modules/base.js/e.prototype.blazorCallback@https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:36163

./modules/base.js/e.prototype.notify@https://app.website.com/_content/Syncfusion.Blazor.SfPdfViewer/scripts/syncfusion-blazor-sfpdfviewer.min.js:9:35909

./modules/sf-richtexteditor.js/t.prototype.colorChanged@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1674060

colorPickerChanged@https://app.website.com/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js:30:1723646

processJSCall@https://app.website.com/_framework/blazor.server.js:1:4438

beginInvokeJSFromDotNet@https://app.website.com/_framework/blazor.server.js:1:4115

_invokeClientMethod@https://app.website.com/_framework/blazor.server.js:1:67062

_processIncomingData@https://app.website.com/_framework/blazor.server.js:1:64427

Xt/this.connection.onreceive@https://app.website.com/_framework/blazor.server.js:1:58078

connect/</i.onmessage@https://app.website.com/_framework/blazor.server.js:1:82136

   at Microsoft.JSInterop.JSRuntime.InvokeAsync[TValue](Int64 targetInstanceId, String identifier, JSCallType callType, Object[] args)

   at Microsoft.JSInterop.JSRuntimeExtensions.InvokeVoidAsync(IJSRuntime jsRuntime, String identifier, Object[] args)

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   --- End of inner exception stack trace ---

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeMethod(IJSRuntime jsRuntime, String methodName, Object[] methodParams)

   at Syncfusion.Blazor.SfBaseComponent.InvokeMethod(String methodName, Object[] methodParams)

   at Syncfusion.Blazor.RichTextEditor.Internal.Color.ValueChange(ColorPickerEventArgs args)

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Syncfusion.Blazor.Inputs.SfColorPicker.OnClicked()

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeEvent[T](Object eventFn, T eventArgs)

   at Syncfusion.Blazor.SplitButtons.SfSplitButton.<BuildRenderTree>b__82_1()

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Syncfusion.Blazor.Internal.SfBaseUtils.InvokeEvent[T](Object eventFn, T eventArgs)

   at Syncfusion.Blazor.Buttons.SfButton.OnClickHandler(MouseEventArgs args)

   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)

   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

[Vinitha Jeyakumar]

Hi Ryan,

We attempted to reproduce the reported issue using the details you have shared for the RichTextEditor in V33.2.7. However, we were unable to observe the reported behavior in the RichTextEditor component in the Firefox browser.

For your reference, we have prepared a sample and Video illustration,

Validation Scenarios Covered,

As part of our investigation, we thoroughly validated the following scenarios:

• Used the same use case scenario to reproduce the issue
• Tested using version 33.2.7.
• The expected result is the same as the actual result.
• Performed the testing on all browsers, including Chrome, Edge, and Firefox.

All the above scenarios matched the conditions described in your report. However, the issue did not reproduce in any of the test combinations we evaluated.

To help us continue investigating and accurately identify the root cause, we kindly request the following details:

• Entire code snippet of RichTextEditor
• Issue reproducing simple video illustration
• If possible, share a simple issue replicating sample, or modify the attached sample with the issue reproducing code

We appreciate your cooperation and look forward to your feedback so we can assist you further.

Attachment: sample_video_4a40760e.zip

[Ryan Tomko]

My client tell me that when “Caret Browsing” is enabled in Firefox it causes this issue.

[Kirupa Karan Raj Kumar]

Hi Ryan,

Greetings from Syncfusion support.

We have considered "Font color and Background color not working properly in the Firefox browser" to be a bug on our end. We will include a fix in the weekly patch release, which is scheduled for the last week of July 2026. You can track the status of the issue using the feedback link below.

Feedback: Link.

Regards,

Kirupa.

[Kirupa Karan Raj Kumar]

Hi Ryan,

Thank you for your patience.

We have included the fix for the issue "Font color and Background color not working properly in the Firefox browser" with our package version 34.2.2. Please upgrade your package to this version to resolve the reported issue at your end.

Release notes: Link.

Root cause analysis:

    The issue occurs in Firefox when Caret Browsing is enabled, as clicking a RichTextEditor toolbar item shifts focus from the editor content to the non-editable toolbar element, causing the active text selection to be lost. This results in invalid selection-range references during formatting operations, leading to color picker failures and related JavaScript exceptions.

Please let us know if you need any further clarification or assistance.

Regards,
Kirupa.