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

Selecting inputs during scroll on radio listview using iOS

3 Answers 63 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Andrew
Top achievements
Rank 1
Andrew asked on 08 Mar 2013, 05:58 AM
I've setup a listview with a long list and having an input radio binding set on each. I have setup an example that shows this on this fiddle

http://jsfiddle.net/9QB4K/1/

Although the scrolling isn't working in the fiddle, the example is demonstrable by click-dragging and moving the mouse up, as if you were going to drag the screen. Regardless of the swiping action, it checks the row that you had clicked on.

I believe this is a bug, similar to another thread that I can't find now where it was reported fixed, but for android devices.

3 Answers, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 11 Mar 2013, 09:30 AM
Hello Andrew,

As I mentioned in your other thread, the issue is addressed in our newer releases. For your convenience I prepared a jsbin (sorry for switching the platforms, but nowadays jsbin seems more convenient and reliable, IMHO) based on your example, with updated links to our Q3 SP1 release. 

In case both of your forum threads refer to the same problem, I would like to suggest that we keep the discussion in one of them, in order to avoid duplication. 

Regards,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Andrew
Top achievements
Rank 1
answered on 12 Mar 2013, 01:07 AM
Hi Petyo,

Thanks for updating and putting on jsbin. I reviewed the sample and you are right these were similar threads, but I did have two issues on the list and thought two threads would be better. I didn't notice I had copied the wrong CDN source URLs, locally I use the installed version, sorry for the misnomer there.

The selecting while scroll appears to be related to touch events only. I see the behaviour described on an iPad using iOS 6.1.2. I've updated the jsbin to have more elements to ensure scrolling is required. If using chrome and going to the settings to enable touch events, the behaviour is repeated. Regardless of what happens, scrolling the list will select the element that you had pressed on after scrolling has completed.

Regarding the model setting/binding, I can't reproduce the fault the jsbin at this stage, so I will do some more checks to see if I can narrow down the issue here.

Edit: I just noticed this occurs if the user agent is set to the iPad - iOS 5 user agent in Chrome (Mozilla/5.0 (iPad; CPU OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3) and the emulate touch events set. Without those it works fine.
0
Petyo
Telerik team
answered on 13 Mar 2013, 08:48 AM
Hi Andrew,

This behavior is related to one particular touch events optimization we attempted regarding checking/unchecking items in listviews.

At some point, however this caused various troubles and misbehaviors (like the one you observe). In our current beta release, we decided to drop this optimization, relying on the built-in browser behavior when handling tap on labels + checkboxes. You may check how it works on our current beta demos

There is one caveat with this new approach, though. The check/uncheck does not happen 'instantly', but with a ~300ms delay. The same delay can be observed with the mobile device browsers DOM click event.

Greetings,
Petyo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
ListView (Mobile)
Asked by
Andrew
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Andrew
Top achievements
Rank 1
Share this question
or