Native Scrolling and Form input fields

[Craig]

I have a corner case.  Here are the facts:
* I have a view that is mostly a simple form with input fields of: radio and text
* Native scrolling is set to true on the view  (..because of scrolling issues when native scroll is off - http://docs.telerik.com/kendo-ui/getting-started/mobile/native-scrolling ).
* The view contains a header and footer
* The first 3 input field are a grouped radio button selector.
* Selecting/changing the radio button option works on the emulator and most devices : iPhone, iPad, Android: HTC One
 
THE PROBLEM: On Samsung S3 and S4  when selecting an unselected radio button the row flash and you see a checkbox quickly but the selector does not change to that row. However if you click on the view and scroll down even 1 pixel selecting a radio button now works again.  If you scroll back to top the radio buttons do not work again. 

I tried progamatically moving the content section down after loading in all the form data but that does not fix it like I hoped.

Any suggestions - I am all ears.  This is the last issue I have before submitting it to the Google store.

[Petyo]

Hello Craig,

We will try to replicate the problem on our side. Can you please share the exact Android OS versions? Also, does the problem occur in the browser, or is only reproducible in a PhoneGap environment?

Regards,
Petyo
Telerik

[Craig]

Can you please share the exact Android OS versions?
 4.2.2  - However I think it is more Samsung related but could be wrong

Also, does the problem occur in the browser, or is only reproducible in a PhoneGap environment?
Re-read my original question.

Also my project is built in Telerik AppBuilder so if you have access to the code (which I authorize) please load up the project Donation Assistant. 

Also I am using Kendo UI v2013.3.1119  (I tried upgrading to the latest previously but ran into an issue with iPhone/ios7 footer being 20 pixels off screen/ to low)  I will try right now updating to the latest and retest.

[Craig]

Good News - This issue is fixed in at least this build v2013.3.1406 (and most likely a few version prior). Cancel this request.

[Craig]

False alarm - I am still having the issue.

Again doesn't replicate in emulator but does on Samsung devices.  I have installed latest internal build and verified issue is still there.

[Craig]

I have hacked a workaround for this issue:

OnShow I move the scrollable contents down 10 pixel programmatically.
When a user scrolls all the way back up it scrolls them back to 10 pixels instantly.

NOTE:  Moving it just 1 pixel would work- however I moved 10px to remove some spacing.

code:

//after data is returned then this is called:
$("#contentX").scrollTop(10);

//then this code is on the index page:
            $("#contentX").scroll(function() {
                var o = $("#touchareaDonate");
                if (o.scrollTop() == 0)
                    o.scrollTop(10);
            });

[Kiril Nikolov]

Hello Craig,

I have tried to isolate the issue in a simple example, please check it out and let me know if you reproduce the issue here:

http://jsbin.com/yab/1/edit

If you can not reproduce it - please update the example, so it can show the issue that you are describing.

Thank you in advance for your cooperation

Regards,
Kiril Nikolov
Telerik