When i try to render a virtual list the ul element never is long enough and cuts off like shown in picture. So i have a horrible grey color showing of the background overlapping.
If I remove the item-text element it works fine.
This is the template I load into the virtual list. Adding the item-text element is when the problem occurs.
<li data-message='{{ stringify this }}' class="showMessage" data-id ="{{ id }}" data-response="{{ response_required }}">
<a href="#" class="item-link item-content">
<div class="item-inner">
<div class="item-title-row">
<div class="item-title"><strong>J. Smith</strong></div>
<div class="item-after">{{ formatDate broadcast_at }}</div>
</div>
<div class="item-subtitle">{{ title }}</div>
<!-- <div class="item-text">This is example of message This is example of message This is example of message This is example of message This is example of message</div> -->
</div>
</a>
</li>
Please does anyone know how to fix this? Many Thanks.