RadListView reorderMode = "HoldAndDrag" doesn't work in 5.1.0

[gcaseres]

Did you verify this is a real problem by searching the NativeScript Forum?

Yes

Tell us about the problem

I've updated to nativescript-ui-listview@5.1.0 and now I can't reorder items using "HoldAndDrag" mode. If I downgrade to v5.0.0 everything works ok again.

I'm using Vue. If I set to "Drag" mode, then everything works, but I don't know how to use ReorderHandle with Vue. (this is a workaround anyway).

Which platform(s) does your issue occur on?

I'm testing it on Android 4.4.2

Please provide the following version numbers that your issue occurs with:

• Progress NativeScript UI version: nativescript-ui-listview@5.1.0
• CLI: 5.1.0
• Cross-platform modules: 5.0.2
• Runtime(s): 5.0.0

Please tell us how to recreate the issue in as much detail as possible.

Just create any RadListView with itemReorder and "HoldAndDrag" mode. The reordering won't trigger when Holding. Also no event will trigger.

[tsonevn]

Hi @gcaseres, I tested the described scenario with our item-reorder example on Android device with API level 4.4, however, was unable to recreate the issue. Can you send us a sample project, that can be used for recreating the issue?

[gcaseres]

@tsonevn Thanks for your quick reply.

You're completely right, It works with that simple example. But I've investigated a bit further and I discovered that my problem arises when using itemReorder AND swipeActions.

I've tested it using this simple Vue code over the 'nativescript-vue/vue-cli-template' simple template. In this example you will be able to reproduce the issue.

App.vue

<template>
    <Page>
        <ActionBar title="Welcome to NativeScript-Vue!"/>
        <GridLayout columns="*" rows="*">
            <RadListView class="list" for="message in messages" :itemReorder="true" :swipeActions="true">
                <v-template>
                    <Label class="item" :text="message" />
                </v-template>
                <v-template name="itemswipe">
                    <StackLayout>
                    </StackLayout>
                </v-template>
            </RadListView>
        </GridLayout>
    </Page>
</template>

<script>
  export default {
    data() {
      return {
        messages: [1,2,3,4,5,6,7,8,9,10]
      }
    }
  }
</script>

<style scoped>
    .list .item {
    height: 50;
    border-bottom-width: 1;        
    }
</style>

[historicbruno]

Have the same problem with nativescript-ui-listview@6.2.0 and Angular, using both swipeActions and itemReorder.

Curiously, I was able to get the item reordering to activate one time by chance, but never again, no matter how I try to hold/drag.

[jalbatross]

I am having the same issue with 5.4.0 but only for Android. On iOS, HoldAndDrag works fine with swipeActions enabled, but on Android only Drag works with swipeActions enabled

[gcaseres]

Is there any chance to workaround or resolve this issue?. I've tested again with 6.4.2 but the problem persists.

[tomcatmwi]

6.3.0, exact same bug. reorderMode="Drag" works, but it doesn't let swipe work. reorderMode="HoldAndDrag" doesn't work at all with swipe enabled.