This is a migrated thread and some comments may be shown as answers.

Native Scrolling and Form input fields

6 Answers 112 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Craig
Top achievements
Rank 1
Craig asked on 11 Feb 2014, 09:26 PM
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.

6 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 12 Feb 2014, 08:08 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Craig
Top achievements
Rank 1
answered on 12 Feb 2014, 04:12 PM
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.
0
Craig
Top achievements
Rank 1
answered on 12 Feb 2014, 04:30 PM
Good News - This issue is fixed in at least this build v2013.3.1406 (and most likely a few version prior). Cancel this request.

0
Craig
Top achievements
Rank 1
answered on 19 Feb 2014, 05:36 PM
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.
0
Craig
Top achievements
Rank 1
answered on 19 Feb 2014, 10:29 PM
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);
            });

0
Kiril Nikolov
Telerik team
answered on 21 Feb 2014, 01:27 PM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
General Discussions
Asked by
Craig
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Craig
Top achievements
Rank 1
Kiril Nikolov
Telerik team
Share this question
or