Issue with Nested Usage of vue-virtual-scroll Components

[srackhall]

Describe the bug

I encountered a bug related to the nested usage of components provided by vue-virtual-scroll. The nesting involves an outer vertical virtual list and an inner horizontal virtual list.

The bug manifests as follows: Click events on elements of the inner horizontal list can be triggered normally by default. However, after horizontal scrolling, when returning to the original position, the events can no longer be triggered properly.

Reproduction

1. Set up a vue-virtual-scroll with nested vertical and horizontal lists.
2. Click on an element in the inner horizontal list - observe that the event is triggered.
3. Scroll horizontally.
4. Return to the original position and click on the same element - observe that the event is not triggered.

System Info

win10
chrome

Used Package Manager

npm

Validations

• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[srackhall]

Tips: use PageMode

[srackhall]

Perhaps these abnormal doms are blocking the normal item doms. This should not be difficult to solve