Material: Angular ng-click issue with mac safari browser.

[anilpallikonda4]

Hi All,

Angular click event not working with mac safari browser.
Please find below link and help someone on this.

http://plnkr.co/edit/QNKZDT9N5k2tQaRrFlwY?p=preview

[graphefruit]

This is not an angular-material issue, you're referencing a plain angular.js instance.
Also you're using angular 1.0.3, update to the latest 1.5.X or 1.6.X and have a look if its working then.

[anilpallikonda4]

Hi @graphefruit

Thanks for your quick update,but in my machine that code I am checking with angular 1.5 version.
I observed mac safari not able to append these ng-click events.
Any help now?

[graphefruit]

After your description it looks like an angular issue, not an angular-material issue.
Also it would be interesting which safari version you're using.
Ng-Click has the problem on iOS-Devices that you sometimes need to click twice, because the first click triggers the hover and the second executes the click event.

[anilpallikonda4]

Hi @graphefruit

Thanks for your update.
Currently I am using Safari 9.1.3 version.
Ng-Click not working for several clicks also. Its not triggering at all.

[graphefruit]

Try:

• to bind a click event via javascript/jquery,
• try another element - is ng-click working here?
• try to write a custom directive for ng-click
• have a look in console if error occures
• try other versions of angular.js

And else please open a new issue on https://github.com/angular/angular.js here you can get a more appropriate help.
Greetings

[anilpallikonda4]

@graphefruit
Thank You somuch

[topherfangio]

Closing as not material. Please comment if I'm incorrect.

[graphefruit]

@topherfangio Its an material problem because of the CSS which is causing first the hovering and then the click is executed. Thats why you need to overwrite and add your own ng-click event.
Don't know - you're using the angular.js ng-click or your're overwriting with your own?
Update: Same issue exists on list items e.g.

[topherfangio]

@graphefruit You have a Codepen?