MicrosoftEdge / MicrosoftEdge/WebView2Feedback
In-Page Drag & Drop via Javascript is not working for UWP Applications
Nobody has claimed this yet.
- Dominant language
- PowerShell
- Stars
- 526
- Forks
- 67
- PR merge metrics
- No merged PRs in 30d
Description
Description
As the title states, drag & drop events are not properly working in Javascript (and react) if the WebView2 is hosted inside a simple UWP/Xaml application.
No errors are generated, none of the 'drag' events are properly registered inside the view so no reaction to them is possible.
The same test case used below works fine if the WebView2 component is instantiated in a non-UWP project.
Version
SDK: 1.0.1369-prerelease
Runtime: 105.0.1343.50
Framework: UWP / Microsoft.UI.Xaml.Controls 2.8.2-prerelease.220830001
OS: Win11 Pro, 10.0.22622
Repro Steps
- compile the attached App1 sample
- launch the application
- wait for the WebView to finish navigating to https://react-dnd.github.io/react-dnd/examples/sortable/simple
- try to rearrange the items on the page via drag & drop
Sample Application:
App1.zip
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by compiling and running the attached App1.zip sample, then navigate to the react-dnd sortable example URL described in the repro steps. Compare the drag-and-drop behavior in the UWP/XAML WebView2 host with the stated non-UWP case; done means the page's drag events register and the items can be rearranged.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- desktop, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100