[nativescript-ui-listview] Upgrade from 10.0.0.1 to 14.2.4 breaks my list

[kryptus36]

This only happens on iOS. Android is fine. Items overlap after the upgrade.

On v10:

On v14

and the relevant code (note the issue occurs in the "pot" template):

<lv:RadListView class='event-list' row="1" height="100%" items="{{ list }}" itemTemplateSelector="{{ templateSelector }}">
        <lv:RadListView.listViewLayout>
          <lv:ListViewLinearLayout scrollDirection="Vertical" />
        </lv:RadListView.listViewLayout>
        <lv:RadListView.itemTemplates>
          <template key="promotion">
            <StackLayout class='promotion'>
              <Label text="{{  title  }}" class='title' textWrap='true' />
              <Label text="{{  description  }}" class='description' textWrap='true' />
            </StackLayout>
          </template>
          <template key="event">
            <StackLayout class="event">
              <Label col="1" class="event-name" textWrap="true">
                <FormattedString>
                  <Span text="{{name}}" />
                  <Span text=" - " />
                  <Span text="{{ humanDate(date) }}" />
                </FormattedString>
              </Label>
              <Label text="{{ 'Caller: ' + caller}}" class="event-caller" textWrap="true" />
              <Label text="{{times}}" class="event-times" textWrap="true" />
              <Label text="{{ other }}" class="event-other" visibility="{{ other ? 'visible' : 'collapsed' }}" textWrap="true" />
            </StackLayout>
          </template>
          <template key="pot">
            <StackLayout class="pot">
              <Label text="{{name}}" textWrap="true" />
              <Label class="playoff" textWrap="true" visibility="{{ playoffDate ? 'visible' : 'collapsed' }}">
                <FormattedString>
                  <span text="Playoff: " />
                  <span text="{{ humanDate(playoffDate) }}" />
                  <span text="{{ ' ' + playoffEvent }}" />
                  <span text="{{ formatPlayoffPrize(playoffPrize) }}" />
                </FormattedString>
              </Label>
              <Label class="info" text="{{info}}" textWrap="true" visibility="{{ info ? 'visible' : 'collapsed' }}" />
              <FlexboxLayout flexDirection="row" width="100%" justifyContent="space-between">
                <Repeater items="{{balls}}">
                  <Repeater.itemsLayout>
                    <StackLayout orientation="horizontal" />
                  </Repeater.itemsLayout>
                  <Repeater.itemTemplate>
                    <Image src="{{ `~/assets/images/balls-lettered/` + $value + `.png` }}" margin="10" height="50" visibility="{{ $value != '0' ? 'visible' : 'collapsed' }}" />
                  </Repeater.itemTemplate>
                </Repeater>
                <Label textAlignment="right" verticalAlignment="bottom" textWrap="true">
                  <FormattedString>
                    <Span text="{{numbers ? 'in ' + numbers + '#s or less ': ''}}" textWrap="true" textAlignment="right" />
                    <Span text="{{formatPrize(prize)}}" textAlignment="right" />
                  </FormattedString>
                </Label>
              </FlexboxLayout>
            </StackLayout>
          </template>
        </lv:RadListView.itemTemplates>


      </lv:RadListView>

[slolam]

I have the same issue. To add a little clarity, this happens on iOS 16+

[kryptus36]

I have the same issue. To add a little clarity, this happens on iOS 16+

Can you share any code fragments?

[OPADA-Eng]

I have the same issue. I have managed to solve it as a work around by adding fixed height to the template layout container But waiting for an official solution.