Swipeable section with linked items?

I wan't a section of items to be linked without showing the buttons beneath. For that I use a script to hide the buttons and place the link directly on the item instead:

/* Remove buttons and make images clickable instead TEST */
[data-section-id="6541f9df4bbcfc6d6e699dca"] li.list-item {
    position: relative;
}
[data-section-id="6541f9df4bbcfc6d6e699dca"] .list-item-content__button-container {
    position: static;
}
[data-section-id="6541f9df4bbcfc6d6e699dca"] a.list-item-content__button.sqs-block-button-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

It works fine, but the problem is that it disables the swipeability of the section for some reason.

If you look at https://www.getvibes.se/test you can see that the top row of items (with the script added to it) is not swipeable anymore. The bottom row without the script is swipeable.

Anyone got a clue?

The two functions oppose each other; by making the button cover the entire item, you are covering up the "handle" that allows you to swipe, the touch becomes part of the button press.

Ok I see, thanks. Any possibility to keep both swipe & button press?

18 minutes ago, Uggel said:

Any possibility to keep both swipe & button press?

You could probably reduce the clickable area to the bottom half? I'm not sure how good a user experience this would make though, could be confusing.

Mhm, yep not so pleasant UX 😆

Anyone else with ideas on how to make a swipeable block of linked items (without buttons)?