MicrosoftEdge / MicrosoftEdge/WebView2Feedback

Web pages misbehave in WinUI3

Open
#2,002 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Description
Some web pages appear to behave differently when using WebView2 in WinUI 3 compared to WPF or UWP. This is noticeable when attempting to click on certain buttons in Google or Gmail.

Version
Runtime: 96.0.1054.43
Framework: WinUI 3 (WindowsAppSDK 1.0)
OS: Windows 11

Repro Steps

  1. Create a WinUI 3 project as described in Step 0 and 1 here: https://docs.microsoft.com/en-us/microsoft-edge/webview2/get-started/winui
  2. Add a WebView2 control to MainWindow.xaml as the only child:
<WebView2 Source="https://www.google.com"/>
  1. Remove unnecessary methods from MainWindow.xaml.cs created by the template

The "Google apps" flyout on google.com just closes when pressing down the mouse button on one of the apps (it does not even wait for the button to be released). When I open the same page in a WPF or UWP project, the flyout behaves correctly.

Most buttons in Gmail also exhibit a similar behavior. They can be pressed and visually react, but nothing happens. Again, this does not happen in a WPF or UWP project.

Screenshots

image

image

AB#37333771

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.

Research direction

Start with the WinUI 3 WebView2 sample linked in the issue, including MainWindow.xaml and MainWindow.xaml.cs, and reproduce the Google and Gmail interactions described. Compare the behavior with equivalent WPF or UWP projects. Done means the Google apps flyout and Gmail buttons respond correctly in WinUI 3 as they do in those frameworks.

Written by the indexing model from the issue text.

Assessment

Tech stack
csharp
Domain
desktop-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.