Selecting inputs during scroll on radio listview using iOS

4 posts, 0 answers
  1. Andrew
    Andrew avatar
    6 posts
    Member since:
    Dec 2011

    Posted 07 Mar 2013 Link to this post

    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.
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 11 Mar 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Andrew
    Andrew avatar
    6 posts
    Member since:
    Dec 2011

    Posted 11 Mar 2013 Link to this post

    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.
  5. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 13 Mar 2013 Link to this post

    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!
Back to Top
Kendo UI is VS 2017 Ready