ADF on iPad and iPhone - Table data

We have uncovered a problem with using ADF inside the Apple mobile products, namely the iPad and iPhone.

The issue being that the data within a table is not fetched via AJAX when you scroll to the bottom of the table.

In reference to my post here about caching data in a table, http://everythingadf.blogspot.co.uk/2013/06/table-caching-in-your-jspx.html, this solution would pre load all rows and would potentially solve the problem for tables which hold an intermediate amount of data. The definition of intermediate being open but I feel around 200-500 rows is your limit.

Upon investigation, its because these devices do not actually have a scroll bar. It seems ADF is listening out for the scroll bar action to then fetch more data.

The solution to this is simple, and brings the iPad and iPhone back inline to how ADF normally acts; add the scrollbar back in.

This can be done in CSS using the following:

 <af:table value="#{bindings.CustomerSystemsVO1.collectionModel}"
    var="row" 
    inlineStyle="-webkit-overflow-scrolling: touch;"
    ...>