Mouse Clicks on Google Sheets Dropdown Menus (e.g., Borders) Not Working on Windows Desktop

[ngnhatIT]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

Description:

I am encountering an issue where mouse clicks on interactive dropdown menus within an embedded Google Sheet are not registering on a Flutter desktop application for Windows. This issue does not occur on macOS, where the same functionality works as expected.

Problem Description:

When embedding a Google Sheet using flutter_inappwebview, specific UI elements within the Google Sheet, particularly complex dropdown menus (such as the "Borders" menu, shown in the attached screenshot), do not respond to mouse clicks on the Windows desktop application.

Specific Example: If I click the "Borders" icon in the Google Sheets toolbar to open the dropdown menu, the menu appears correctly. However, when I then click on any of the options within that dropdown (e.g., "All borders"), the click event is not registered, and the action is not performed.

Keyboard Input Works: Importantly, selecting options within these dropdown menus using keyboard navigation (e.g., Tab to focus, Enter to open/select, arrow keys to navigate) works perfectly. This indicates that the underlying Google Sheets functionality is fine and the problem lies specifically with mouse input handling.

No Console Output: When monitoring the WebView DevTools console (opened via controller.openDevTools()), absolutely no output (errors, warnings, or console.log messages) is displayed when attempting to click on these unresponsive dropdown menu items. This suggests that the mouse click event might not even be reaching the JavaScript engine within the WebView.

Platform Differences:

macOS: The application functions as expected. Mouse clicks on all Google Sheets UI elements, including dropdown menus, register correctly.
Windows: Mouse clicks on complex dropdown menus within the embedded Google Sheet do not register.
Operating System: Windows 11

Expected Behavior

When I click on the "Borders" icon in the Google Sheets toolbar, a dropdown menu should appear. Subsequently, when I click on any specific border option within that dropdown (e.g., "All borders"), the selected border style should be applied to the currently selected cells in the Google Sheet. This interaction should occur smoothly and consistently, just as it does when accessing Google Sheets directly through a web browser on Windows, or when using the same Flutter application on macOS. The click event should be registered, and the corresponding action within the Google Sheet should be executed without any unresponsive behavior.

Steps with code example to reproduce

Steps with code example to reproduce

// Paste your code here

Stacktrace/Logs

Stacktrace/Logs

<Replace this line by pasting your stacktrace or logs here>

Flutter version

V3.32.1

Operating System, Device-specific and/or Tool

Windows : 11 Pro 64-bit, 22H2, 2009

Plugin version

6.15

Additional information

No response

Self grab

• I'm ready to work on this issue!