Strange list hit area !!!!

crooksy88

I have a horizontal scrolling list created which has a list change event listener.
On change the list scrolls to the selected display index.

My issue is that only the top 15% of the list item/renderer is accepting the touch.
The item renders are set with this.isQuickHitAreaEnabled = true; and there is nothing within the renderers that would be overlapping the 85% dead area. All items on the display list are set to touchable = false;

The list itself can be dragged as expected when touching anywhere so I'm confident nothing is positioned over the list.

Here's a quick video showing the issue in action. Although mouse clicks are not displayed you can see where I can clicking in the top 15% and the list scrolls. Then when I move down and click, nothing happens. You can also see me freely dragging the list.

https://vimeo.com/391284433

Would anyone have any ideas???

Thanks,

Mark

joshtynjala

Try adding your own TouchEvent.TOUCH listener somewhere appropriate. On TouchPhase.BEGAN, call stage.hitTest() and see what gets returned.

crooksy88

With the TouchEvent in place on the list object:
When I tap on the top of the list the hitTest returns:
[object VideoListItemRenderer]

but when I tap on the lower section of the list I get
[object List]

Any ideas?

crooksy88

Ah. Got it.

_list.itemRendererProperties.height = _list.height;

Thanks for your help Josh.