[Windows] HTML select options are not properly displayed in WebView

Description

HTML select option are not rendered properly in BlazorWebView when targeting and running on windows. You can see it on the following image:

I have tested this and it doesn’t happen for Android, IOs and Mac Catalyst.

Reproduction project

OS: Windows IDE: Visual Studio 2022 preview 17.4.0 preview 1.0 SDK: .NET 6.0.400 Template used: dotnet new maui-blazor Target: net6.0-windows10.0.190410

Steps to Reproduce

• target Windows
• run the reproduction project
• try selecting the value from the HTML select

alternatively

• use .NET MUI Blazor App template
• add following HTML to the bottom of the page

<select>
  <option value="1">AAAAAAAAAAAAAAAAAA</option>
  <option value="2">BBBBBBBBBBBBBBBBBB</option>
  <option value="3">CCCCCCCCCCCCCCCCCC</option>
</select>

• target windows
• run the project
• try selecting the value from the HTML select

Version with bug

6.0.400

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

Microsoft.Windows.SDK.NET 10.0.19041.24

Did you find any workaround?

No response

Relevant log output

No response

[TanayParikh]

Got it, so this is either an issue with MAUI’s WebView, or more likely a bug in the underlying CoreWebView2. Added the webview label for visibility.

[MichaelMelena]

@MichaelMelena thanks for creating this issue. Can you kindly confirm if you’re able to reproduce this issue on a base WebView (without Blazor)?

Yes I am able to reproduce this issue on base MAUI WebView

Here is a repro project

Steps:

• Target Windows
• Run the Project
• Try to select different value in HTML select