Button click event firing when trying to scroll

[Jonathan]

I have a view with multi a tags with a data-role set to "button".  When scrolling through the view, if i first press on a button and try to scroll the page will scroll but then redirect to the next, which I don't want to happen.  How do i make it so that the button redirects only when the button is tapped and won't redirect if I scroll though the view.

Thanks.

[Petyo]

Hi Johnatatn,

Do you use data-click to bind to the event? Can you reproduce the problem on our demos?

Greetings,
Petyo
the Telerik team

[David]

I have this issue too you can see it on the mobile demo page here http://demos.kendoui.com/mobile/m/index.html#/mobile/m/buttongroup/index.html. I can produce this issue on my nexus 4 phone, when you are on the 'month' view and the content is scrollable try to start your scroll action (touch and drag) near the 'quarter' button.  If you come into contact with the 'quarter' button the view changes immediately.  This particular case may seem silly (the button is small and in an akward place to being scrolling) but when doing user testing with my app I notice that people inadvertently are clicking my buttons on a page that scrolls and has a button on the page.  It is easier to do this on my app because we have a button that spans the width of the view (well the same width as an inset listview item since it looks nicer that way so most of the view).

This used to be an issue with links in a listview perhaps the same fix applied there should be applied to buttons in general as well.

[Petyo]

Hello David,

I am not sure that I understand you correctly. Do you use ButtonGroup (the demo you point to) or a Button widget? If you use the ButtonGroup, you may try the selectOn configuration option.

Kind regards,
Petyo
the Telerik team

[David]

Hi Petyo,
  It happens on both widgets in my case it is with a button, but I was looking for a demo I could reproduce it on so you could see the behavior as well.  I used to see this if you had multiple checkbox inputs in a list view and tried to scroll, it would 'check' whatever box you were over when you started scrolling, the latest version of kendoui fixed this.  I have a jsfiddle that can show you the problem, try to start scrolling over one of the buttons and you will see that the button 'click' event has been executed.

[Petyo]

Hello David,

Thank you for the clarification. We have addressed the problem in our upcoming release (Q1 SP1) about, to be released later today. Please give that a try.

Kind regards,
Petyo
the Telerik team