MicrosoftEdge / MicrosoftEdge/WebView2Feedback

Webview2 rendering incorrectly and inconsistently

Open
#2,979 5 comments 0 reactions 1 assignee View on GitHub

@david-risney is already working on this.

Since Nov 18, 2022.

bug
Dominant language
PowerShell
Stars
526
Forks
67
PR merge metrics
No merged PRs in 30d

Description

Description
I've got a problem where I load a very basic HTML page showing a video feed from an external source into an embedded webview2 object in WinUI3 XAML (<WebView2 width, height, zindex Source=source />) and the rendering is inconsistent.
The above is rendered as:
<html style="height: 100%;"><head><meta name="viewport" content="width=device-width, minimum-scale=0.1"></head><body style="margin: 0px; background: #0e0e0e; height: 100%"><img style="display: block;-webkit-user-select: none;margin: auto;background-color: hsl(0, 0%, 25%);" src="source"></body></html>

It will render correctly for a while, and then it will appear off center and zoomed in. I've found deleting the EBWebView folder fixes the problem. I've also found that there's a way to clear this information out programmatically via CoreWebView2Profile.ClearBrowsingDataAsync? The WebView2.CoreWebView2.Profile property does not exist for me.

I'd love to be able to not have the bug occur (definitely not a programming issue), and/or be able to disable cached browsing data (again why is it caching incorrectly!?), and/or be able to clear it out programmatically myself.

Version
This is occurring on the latest WebView2 runtime download from the MS website.
I'm running .NET 6.0 with WinUI3 on WinAppSDK 1.1.5
Target machine is Windows 10 17763

Repro Steps
Rendered WebView2 dozens of times. Expected same result every time, got bugged cached result after a while.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.