{"action":"opened","issue":{"url":"https://api.github.com/repos/angular/material/issues/8333","repository_url":"https://api.github.com/repos/angular/material","labels_url":"https://api.github.com/repos/angular/material/issues/8333/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/8333/comments","events_url":"https://api.github.com/repos/angular/material/issues/8333/events","html_url":"https://github.com/angular/material/issues/8333","id":153016203,"number":8333,"title":"iOs event click not fired","user":{"login":"synock13","id":8818369,"avatar_url":"https://avatars.githubusercontent.com/u/8818369?v=3","gravatar_id":"","url":"https://api.github.com/users/synock13","html_url":"https://github.com/synock13","followers_url":"https://api.github.com/users/synock13/followers","following_url":"https://api.github.com/users/synock13/following{/other_user}","gists_url":"https://api.github.com/users/synock13/gists{/gist_id}","starred_url":"https://api.github.com/users/synock13/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/synock13/subscriptions","organizations_url":"https://api.github.com/users/synock13/orgs","repos_url":"https://api.github.com/users/synock13/repos","events_url":"https://api.github.com/users/synock13/events{/privacy}","received_events_url":"https://api.github.com/users/synock13/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-05-04T13:48:09Z","updated_at":"2016-05-04T13:48:09Z","closed_at":null,"body":"I got a problem, on every browser on iOs, for input type file the event click was not fired,\r\nI find a dirty fix and want to know if my will not create another bug.\r\nmy fix in clickHijacker function I added isAppleMobile variable and don't do stoppropagation in case of input type file :\r\n`\r\nfunction clickHijacker(ev) {\r\n\r\n    var isKeyClick = ev.clientX === 0 && ev.clientY === 0;\r\n\r\n\tvar isAppleMobile = ev.toElement.tagName == 'INPUT' && ev.toElement.type == 'file' && navigator.userAgent.indexOf('iPhone') != -1 && navigator.userAgent.indexOf('iPod') != -1 && navigator.userAgent.indexOf('iPad') != -1;\r\n\r\n    if (!isKeyClick && !ev.$material && !ev.isIonicTap\r\n      && !isInputEventFromLabelClick(ev) && !isAppleMobile) {\r\n\r\n      ev.preventDefault();\r\n\r\n      ev.stopPropagation();\r\n\r\n      lastLabelClickPos = null;\r\n\r\n    } else {\r\n\r\n      lastLabelClickPos = null;\r\n\r\n      if (ev.target.tagName.toLowerCase() == 'label') {\r\n\r\n        lastLabelClickPos = {x: ev.x, y: ev.y};\r\n\r\n      }\r\n\r\n    }\r\n\r\n  }\r\n`\r\nI cannot reproduce outside my project, this is a site using jQuery, displaying an iframe with angular, material, ng-file-upload. I tried to create a simple case of my env but can't reproduce :'( \r\n\r\nAngular Version: v1.4.8, Angular Material Version:v1.1.0-rc2\r\nApple, Mobile on every browser : Safari, Chrome, Firefox\r\nI just test in iOs 9.2.1, && 9.3.1"}}