Blazor Maui Hybrid WebView Zoom settings (windows)

Question

Hello

I have a Blazor Maui hybrid app running (WebView). When the app runs (windows platform) the zoom state is 100% (equivalent to Edge or Chrome Zoom settings). The user can change the zoom state using ctrl + mouse wheel. If you change the zoom settings in edge on say Blazor Server the browser remembers the zoom state. In Maui the app does not remember the change in zoom settings so next to you fire it up you are back to 100%.

I want to be able to capture the zoom settings, store it in say Preferences and then re-apply in (say) the BlazorWebViewInitialized event.

I can't find much in the way of zoom properties. Closest I can get is a Boolean that controls whether zooming is allowed by the user (e.WebView.CoreWebView2.Settings.IsZoomControlEnabled).

Anyone know if this is possible?

Thank you

Answer 1

Hello,

I can't find much in the way of zoom properties. Closest I can get is a Boolean that controls whether zooming is allowed by the user (e.WebView.CoreWebView2.Settings.IsZoomControlEnabled).

On the MAUI Windows platform, BlazorWebView corresponds to the WebView2 control based on WinUI3.

In general, we can use ZoomFactor Property to control scaling, you can refer to CoreWebView2Controller.ZoomFactor Property.

However, this API has not yet been exposed to WinUI3 applications. You could keep following this issue: WebView2: Expose more functionality from CoreWebView2Controller #5772.

This means that it is currently not feasible to listen to zoom events and save or modify zoom value on MAUI.

Best Regards,

Alec Liu.

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.