[Solved] IOS-Item reorder does not work with HtmlView

[Anurag]

I find that the item reordering functionality does not work on IOS when I am using an HtmlView inside the RadlistView. On android the reordering works perfectly.

Here is my sample code

<RadListView id="listView" [items]="viewCollection" (setupItemView)="onSetupItemView($event)" itemReorder="true" swipeActions="true" (itemReordered)="onItemReordered($event)" multipleSelection=false (itemSwipeProgressStarted)="onSwipeCellStarted($event)" (itemSwipeProgressChanged)="onCellSwiping($event)" (itemSwipeProgressEnded)="onSwipeCellFinished($event)">
    <ng-template tkListItemTemplate let-item="item" let-i="index">
        <StackLayout backgroundColor="white" class="list-group-item">
            <StackLayout *ngIf="item.Type ==='a'">
                <StackLayout rows="auto auto auto auto" columns="2* 18* 7*">
                    <HtmlView html="<span><h1>HtmlView demo in <font color='blue' face='lato'>NativeScript</font> App</h1></span>" class="search-text m-y-5" row="0" col="1" colSpan="2" textWrap="true"></HtmlView>
                </StackLayout>
            </StackLayout>
    </ng-template>
    <!--For the changes-->
    <GridLayout *tkListItemSwipeTemplate columns="* *" class="listItemSwipeGridLayout" height="100%">
        <StackLayout id="mark-view" class="markViewStackLayout" col="0" (tap)="onLeftSwipeClick($event)" height="100%" verticalAlignment="center">
            <Label text="Undo" horizontalAlignment="center"></Label>
        </StackLayout>
        <StackLayout id="delete-view" class="deleteViewStackLayout" col="1" (tap)="onRightSwipeClick($event)" height="100%" verticalAlignment="center">
            <Label text="Delete" horizontalAlignment="center"></Label>
        </StackLayout>
    </GridLayout>
</RadListView>

[Nikolay Tsonev]

Hello Anurag,

Thank you for contacting us,
I reviewed your case and found that the HTML view is consuming the event and to be able to use the RadListView reordering option I could suggest using the property

isUserInteractionEnabled="false"

and to set it up to false for the HtmlView. This allows the event to be handled by the ListView and You will be able to reorder the items. For your convenience, I am attaching a sample project, where the needed changes are made and GIF file from the simulator, where the final result is shown.

Regards,
nikolay.tsonev
Progress Telerik

[Anurag]

Thanks Nikolay. Your suggestion worked. I can confirm that the reorder now works on IOS.