Is there a way to embed HTML+CSS as a control component?

[IneedHelp]

Hello everyone, I'm pretty new to Uno and I started seriously considering Uno over the Avalonia alternative simply because Uno provides a more polished experience, both from developer perspective and quality of output.

Sorry if this question sounds silly, and I'll admit I didn't do enough research on the topic, but could you please tell me if it's possible to embed HTML+CSS overlays, perhaps as a control that I can declare in XAML with some basic properties such as alignment, opacity, which can have a transparent background ?

I'm suspecting that the WebView2 control might be what I'm looking for, but I'm having difficulties making it work;
For example, using <WebView2 x:Name="MyWebView" Source="https://platform.uno/" /> doesn't display anything (in my WASM project).

EDIT: alright, after more testing I have learned that in fact WebView2 works with Uno for Windows, but not Skia.WPF, and when used it covers the entire client area, no matter what, so I'm guessing that there's no hope for having fine grained control over such a component.

[francoistanguay]

You are right. At this time, we dont have WebView support for Skia and for WebAssembly. We should eventually be able to map WebView2 to an iFrame.

Depending on which platform you run Skia (Windows, Mac or Linux), we should be able to tap into per-platform native web controls.

More info: https://platform.uno/docs/articles/controls/WebView.html

What platforms are you planning to target?

[IneedHelp]

Actually I found this yesterday https://platform.uno/docs/articles/interop/wasm-javascript-1.html#uno-wasm-controls-are-actual-html5-elements
and it blew my mind away and it's amazing and exactly what I wanted Initially, but didn't know how to properly phrase it.
It's really amazing, cause now for me Uno sits in the right spot between Blazor and Avalonia, where I can use XAML but I also have a great deal of control over HTML+CSS+JS, you guys at Uno are amazing! Thank you for this amazing framework!

[francoistanguay]

Ok great, sorry if I wasn't clearer earlier and let us know how it goes!

[IneedHelp]

Hello @francoistanguay and thanks for the answer. Currently I am interested in WebAssembly and SkiaWPF. From what I've gathered so far, WebView2 covers the entire surface of the client once it's used, in the future it would be amazing to have control over the component (dimensions, position, transparency).