Nativescript-ui-feedback: RadListView reorderMode = "HoldAndDrag" doesn't work in 5.1.0

Created on 16 Jan 2019 · 6Comments · Source: ProgressNS/nativescript-ui-feedback

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

Yes

Tell us about the problem

I've updated to [email protected] 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: [email protected]
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.

backlog bug listview medium vue

Source

gcaseres

All 6 comments

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?

tsonevn on 16 Jan 2019

@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>

gcaseres on 16 Jan 2019

Have the same problem with [email protected] 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.

historicbruno on 6 May 2019

👍1

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