Scroll list item remains in "pressed" state after scroll completes

Environment

Steps to Reproduce

(Write your steps here:)

1. Create a list, such as a FlatList with multiple items in it.
2. On a touch device scroll the list while touching and holding one list item
3. Once scroll is over touch and hold on another item and scroll again.

Expected Behavior

List to show only one item as selected/hovered. i.e., to get both onMouseEnter and onMouseLeave events.

Actual Behavior

We get onMouseEnter event when user touch/hold an item and start the scroll, but no onMouseLeave event when user touch somewhere else. This ends up leaving the item as selected when the scroll is completed.

react-native run-windows --logging

Reproducible Demo

This bug repro on several lists we are using in our two apps.

Additional context

(Write any other additional context that may help in root causing the issue.)

Start by reproducing the issue with a React Native Windows FlatList using the listed touch-and-hold scrolling steps. Inspect the list's pointer and hover event handling around the transition from scrolling to touching another item. Done means the previously pressed item receives the expected leave behavior and only the currently selected or hovered item remains active.