RadListView 8.1.2 backgroundColor issue selection

[felixkrautschuk]

Please, provide the details below:

Tell us about the problem

As already mentioned in https://github.com/NativeScript/nativescript-ui-feedback/issues/1403 we want to get the same selection behaviour on iOS as it is on Android, so selecting an item should set the backgroundColor of the item to a different one.

<lv:RadListView.itemTemplate>
         <StackLayout className="{{ isSelected ? 'listitem-selected' : 'listitem' }}">
                 <!-- ... -->
         </StackLayout>
</lv:RadListView.itemTemplate>

So we want to prevent those selection circles on iOS, but migrating to the latest version of RadListView brings this result:

So the backgroundColor of the selected item is not set, even though it is defined in CSS:

.listitem {
    background-color: #f1f1f1;
}

.listitem-selected {
    background-color: #4d83db;
}

Instead, those selection circles become visible and colored with the color defined with the itemSelectedBackgroundColor property

Is there no simple way to achieve the same selection behaviour as it is on Android? Using 7.1.0 of RadListView was nearly bringing the expected result, except of https://github.com/NativeScript/nativescript-ui-feedback/issues/1403

Which platform(s) does your issue occur on?

iOS (tested on 12.4 and 13.4 devices and simulators)

Please provide the following version numbers that your issue occurs with:

• Progress NativeScript UI plugin version: 8.1.2
• CLI: 6.5.0
• Cross-platform modules: 6.5.1
• Runtime(s): 6.5.0

Please tell us how to recreate the issue in as much detail as possible.

Just follow the steps from the GIF.

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

RadListViewSelectionIssueIOS.zip