Im developing an app that have a scrollable list of items. Each item has option buttons that i show programmatically clicking on item avatar and I want to hide them or by swiping back or just by scrolling away like default behavior. The problem is that when i click on item’s avatar, css transition is correctly done and option buttons are shown, but shortly after on-scroll event is fired (even if i just clicked the avatar without scrolling) hiding them back. So the final result is like nothing happens clicking on avatar.
I made a codepen showing the issue:
Just by clicking any item the on-scroll event is fired