Can I have click handler on a swipeout item?

Questions
#1

f7-list-item(title="Swipe" swipeout @click="onItemClick(item)")

I don’t want to trigger click event when I use swipe gesture. Possible?

123
123.gif728×216 75.9 KB

#2

try like this.

if (Dom7(.swipeout-opened).length) e.preventDefault()
#3

It is impossible to prevent it on Desktop (with mouse), on touch devices (iOS, Android), click event won’t be triggered

1 Like
#4

Doesn’t work. .swipeout-opened activates only when you swipe to the end and then release.

image
image.png1286×282 20.1 KB

#5

Thats good news.
Any ideas how i can achieve this behavior on a desktop version? During development in a browser?
Now I’m gonna catch mouse up/down events and compare x-y-coordinates…

#6

Just switch to touch events by enabling some mobile device (iOS or Android) emulation and reloading the browser

1 Like
#7

Oh shi
A already tried enabling mobile emulation but didn’t reload the browser)
Thx a lot

#8

I could fix it by using the swipeout open and closed events.

<ListItem
on:swipeoutOpen={e => {
swipingout = true;
}}
on:swipeoutClosed={e => {
swipingout = false;
}}
swipeout
on:click={e => {
if (!swipingout) {
f7router.navigate(’/Order/’ + order.id);
}
}}

1 Like