Last list item truncated by footer

I have this list:

<div class="list list-inset" ng-show="catSelected">
        <div class="item  item-text-wrap ativado" ng-style="itemNormal" ng-repeat="item in items" ng-click="selectedItem(item)" >
            <div class="row" style="color:white;">
                <div class="col col-75">{{item.dsc}}</div>
                <div class="col col-25" style="text-align: right;">{{item.price | currency}}</div>

and above the ion-content another div with the bar-footer.
it works ok. but when I scroll down the list, the last item is truncated horizontally by the footer in the half.

any ideas?
thx in advance.

Hav you tried class='has-footer' onr your list?

yes. I tried has-footer and has-subheader. has-footer and has-header (because has-subheader did not work ok).
in the ionic serve it works almost fine, but in the device does not. almost fine because I can scroll to the last item, but when I release the screen, the item back down the footer.

solved as follows: Using the “has-footer” you suggested and margin-top.
thank you very much

1 Like