ProgressNS / nativescript-ui-feedback

This repository is used for customer feedback regarding Telerik UI for NativeScript. The issues system here is used by customers who want to submit their feature requests or vote for existing ones.
Other
115 stars 21 forks source link

Custom ReorderHandle Warps Dragging #1559

Open rick-bennett opened 4 months ago

rick-bennett commented 4 months ago

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