Skip to content

Custom ReorderHandle Warps Dragging #1559

Open
@rick-bennett

Description

@rick-bennett

Using NativeScript Core 8.7.2 with nativescript-ui-listview 15.2.3.

If I set up a custom ReorderHandle, then when I run it within the iOS emulator, the location to be "grabbed" seems to expand to the width of the entire item entry (and not just the ReorderHandle item). For example, instead of just grabbing my custom handle icon, I can grab the "testing" text within the example below ,and use that to reorder the list. Which gets weird/painful when I also have to scroll down to view/interact with a large number of list entries.

Acts Odd:

        <StackLayout>
          <lv:RadListView id="listview" height="80%">
            <lv:RadListView.listViewLayout>
                <lv:ListViewLinearLayout scrollDirection="Vertical" itemHeight="77" />
            </lv:RadListView.listViewLayout>
            <lv:RadListView.itemTemplate>
              <StackLayout orientation="horizontal">
                <lv:ReorderHandle verticalAlignment="center">
                  <Label text="&#xf58d;" class="fas"></Label>
                </lv:ReorderHandle>
                <Label text="testing"></Label>
              </StackLayout>
            </lv:RadListView.itemTemplate>
          </lv:RadListView>
        </StackLayout>

Works As Expected:
(no code changes anywhere else other than this - removal of ReorderHandle)

       <StackLayout>
          <lv:RadListView id="listview" height="80%">
            <lv:RadListView.listViewLayout>
                <lv:ListViewLinearLayout scrollDirection="Vertical" itemHeight="77" />
            </lv:RadListView.listViewLayout>
            <lv:RadListView.itemTemplate>
              <StackLayout orientation="horizontal">
                <Label text="testing"></Label>
              </StackLayout>
            </lv:RadListView.itemTemplate>
          </lv:RadListView>
        </StackLayout>

Is this a bug, or am I maybe not understanding the implications of using a custom ReorderHandle...?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions