List height too short

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.

You need to specify correct “height” parameter when you init virtual list

I used height: app.theme === ‘ios’ ? 63 : 73 which is the docs for default. I increased for IOS and it now works as expected. Thanks for your help. awesome framework