Strange unicode characters added to DOM

[divvjson]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

When I bootstrap my Blazor application some strange unicode characters are added to the DOM.

They are only there for a slight moment, then they disappear.

They are inserted as a text node, the characters are &#xFEFF

They are causing issues with my layout since they are taking up space in the DOM, the layout kinda "jumps".

I have no idea what's causing this or how to reproduce it.

I have fully removed the UI component library (FluentUI for Blazor) but the unicode characters are still there.

Anyone have an idea of what could be causing this?

Expected Behavior

Not having strange unicode characters in the DOM

Steps To Reproduce

No response

Exceptions (if any)

No response

.NET Version

8.0.300

Anything else?

I am using Visual Studio.

[javiercn]

@divvjson thanks for contacting us.

Those seem like byte order marks on your file. Not sure how they got in there, but likely they are part of your file, hence why removing other things doesn't eliminate them.

You can use an editor that shows invisible characters to see them and remove them from the file.

[divvjson]

OK, so I think I have found the problem.

I have a component which at the very top of the razor file injects IJSRuntime. I remember when I added this line that the compiler complained and said The 'inject' directive must appear at the start of the line..

It was indeed added at the start of the line but when I moved it down one line, it stopped complaining and I moved on.

That extra line at the top is what I believe is causing the issue with the strange unicode characters.

So I guess the question now is, why is it complaining that the inject directive is not added at the start of the line?

[divvjson]

Here's a gif illustrating the problem. If I set the cursor at the start of the line and hit backspace the error goes away.

However, the unicode characters are still there in the DOM.

Though I am quite sure this very component is causing the problem because if I exclude it from the application tree the unicode characters are not added to the DOM.

[divvjson]

OK the issue is now resolved. There was yet another component in the application tree that had an invisible character at the start of the line on line 1.

It would have been awesome if Visual Studio somehow indicated that there are invisible characters in the file.

Feel free to close the issue.

[javiercn]

@divvjson I believe you can toggle this in VS with the ViewWhiteSpace option.

VS Code and many other editors also show this information if you toggle the right setting.

[dotnet-policy-service]

This issue has been resolved and has not had any activity for 1 day. It will be closed for housekeeping purposes.

See our Issue Management Policies for more information.