CSS - cursor loaded from URL doesn't work.

[NielsHoogeveen]

Version Runtime: 95.0.1020.44 Framework: WinUI3 / .NET MAUI Blazor (webview2) OS: Win10

Repro Steps

• Create a basic WinUI3 app with a WebView2 browser component.
• Create an html string with a style section and one element that has a class name defined in that style section.
• In the style for that class, set the cursor to some url that loads a 32x32 pixel png image in BASE64 format.
• run the application.

Expected Result When hovering over the html element, the cursor should change into the one defined in the style section.

Actual Result The default cursor is used when hovering over the html element.

Extra Information In a .net maui blazor (webview2) context, I experienced this issue too, and there I use a style sheet that loads the url from a file with the same result.

In both contexts it is possible to load and show the image as a background;

A blazor webassembly application that uses the same code (including style sheets) behaves as expected.

AB#29849024

[champnic]

Hey @NielsHoogeveen - Thanks for the bug report! I've added it to our backlog.

Can you share some sample code or app that reproduces this issue? For example, how are you referencing the image you are trying to load?

Thanks!

[NielsHoogeveen]

Here is a test solution that I used to test the issue WebView2Test.zip .

[champnic]

Thanks for the repro! I've confirmed that this works as expected in a simple Winforms app, so it looks like it's maybe related to when we use visual hosting rather than HWND hosting. We'll keep digging!

[champnic]

It looks like this was a known issue with WinUI WebView2 not having support for custom cursors. I'm going to link this to our existing scenario on our backlog. Thanks!

[DearVa]

Is there any progress? I'm countering the same problem here.

[orosbogdan]

Facing the same issue with image cursors being not supported on Blazor Hybrid (MAUI)

[rusfield]

Adding my comment here to hopefully help get some traction on the issue. I am also using Blazor Hybrid in MAUI, and since cursor:none also does not work, I am unable to think of a good workaround.