-
Notifications
You must be signed in to change notification settings - Fork 3.4k
ngClick and checkboxes receiving double clicks on touch devices when jquery is included #1842
Comments
Hey, this is the same issue I'm having on desktop Windows Chrome with mdSidenav. When I click open the button gets clicked twice so my sidenav closes immediately after opening. Didn't try without JQuery. |
I got same issue, and fixed by removing window.jQuery at line 1058 in angular-material.js |
I can also confirm doubleclicks happening on buttons in mdSidenav and mdBottomSheet. |
…y is loaded Remove window.jQuery from check for hijacking clicks on mobile devices. Touch clicks were emitted twice when jQuery was loaded which made checkboxes and buttons unusable on mobile devices. Addressing Issue angular#1842 Utilizing proposed fix
…y is loaded Remove window.jQuery from check for hijacking clicks on mobile devices. Touch clicks were emitted twice when jQuery was loaded which made checkboxes and buttons unusable on mobile devices. Addressing Issue angular#1842 Utilizing proposed fix
Closed with SHA 81bcf7f |
@ThomasBurleson I still have the same problems using touch devices. In my case its with md-switch and toggle buttons. I included the latest version of material (latest commit: 4e3a25b) but the bug is still there. Any ideas what the problem could be? I think the problem is related to #1841 (as i have the problems with the sidenav as well) but as you closed this issue here the bug should already be resolved? |
I have the same problem on : md-sidenav and md-switch. |
Can you test http://codepen.io/kennethcachia/pen/dPBPxq and let me know if you're still experiencing this issue? It works for me on both Android and iOS and I want to confirm if it's resolved or if it's a possible conflict with ionic. Thanks! |
Fixed in 2de0cf2 |
It works for me on iOS. Thank you. |
Did not have the time to test it completely but it seems to work! Thank you very much! |
md-checkbox and ng-click are behaving strange on touch-devices when jQuery is included.
Without jQuery all works fine.
Here is an example with angularJS 1.3.14 and angular-material 0.8.3:
http://codepen.io/anon/pen/qEMJXo
The Button clicks will count twice and the md-checkbox is barely checkable.
Testet on Galaxy S4 with android standard browser and on a Motorola Tablet with Chrome and Firefox.
I also tried to include ngTouch,hammer.js and jQuery-mobile. Neither helped.
It seems that angular elements receive double clicks all the time.
Dropping jQuery is not an option, as it will be used widely in the underlying project.
Anyone have a clue why jquery brings such behaviour?
Or am I missing something?
The text was updated successfully, but these errors were encountered: