[Question]: How can I let views inside the gallery component handle taps ?

[mcoeur]

Summary

Hi!
I'm using the gallery component to display a mix of images and custom views that contain interactive buttons.

Current behavior:
When I tap a button inside a gallery item, it triggers the gallery's tap handler instead of the button's action. I understand that this is the expected behaviour for this component.

MY Expected behavior:
I'd like the buttons to be clickable and handle their own tap events, while still allowing the tap handler to work for non-interactive areas of the gallery items.

Question:
What's the recommended approach for handling this situation? Is there a way to prevent the gallery tap handler from intercepting button taps, or should I be structuring my views differently?

Thanks for any guidance!

[Glazzes]

Hi, gallery intercepting child element's taps is not really intended -- it's performance decision I made early on having the crappiest of mobile devices in mind (Android phones running with low resources or very old versions of Android), it's been a while since I though about it.

Gallery's children share a view that handles everything in the gallery for the reasons above, I've been thinking of letting people draw whatever they within that view or maybe refactor and give each child it's own gesture handler.

What's your use case in particular? Would be nice to check different options.

[mcoeur]

Hi,

I think this was (and still is) a great decision. Which is why I don't have a clue on how to handle it properly 😅.
My use case is quite simple : I want to display multiple images followed by a view with several buttons (see comments / go to next collection / etc).

Right now I found a workaround :
I added an empty slide at the end of the gallery and redirect to a route that displays my view when i get to this slide (with onIndexChange)

[github-actions]

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days.