Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Custom ReorderHandle Warps Dragging #1559

Open
rick-bennett opened this issue May 21, 2024 · 0 comments
Open

Custom ReorderHandle Warps Dragging #1559

rick-bennett opened this issue May 21, 2024 · 0 comments

Comments

@rick-bennett
Copy link

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...?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant