{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/11071","repository_url":"https://api.github.com/repos/zurb/foundation-sites","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/11071/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/11071/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/11071/events","html_url":"https://github.com/zurb/foundation-sites/issues/11071","id":306245866,"number":11071,"title":"Cursor misplaced in form inputs on reveal modal and off canvas components on iOS 11","user":{"login":"mfronczyk","id":5735184,"avatar_url":"https://avatars0.githubusercontent.com/u/5735184?v=4","gravatar_id":"","url":"https://api.github.com/users/mfronczyk","html_url":"https://github.com/mfronczyk","followers_url":"https://api.github.com/users/mfronczyk/followers","following_url":"https://api.github.com/users/mfronczyk/following{/other_user}","gists_url":"https://api.github.com/users/mfronczyk/gists{/gist_id}","starred_url":"https://api.github.com/users/mfronczyk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mfronczyk/subscriptions","organizations_url":"https://api.github.com/users/mfronczyk/orgs","repos_url":"https://api.github.com/users/mfronczyk/repos","events_url":"https://api.github.com/users/mfronczyk/events{/privacy}","received_events_url":"https://api.github.com/users/mfronczyk/received_events","type":"User","site_admin":false},"labels":[{"id":425264292,"url":"https://api.github.com/repos/zurb/foundation-sites/labels/Reveal","name":"Reveal","color":"1197eb","default":false},{"id":306926771,"url":"https://api.github.com/repos/zurb/foundation-sites/labels/awaiting%20reply","name":"awaiting reply","color":"eb6420","default":false},{"id":614734530,"url":"https://api.github.com/repos/zurb/foundation-sites/labels/browser%20bug","name":"browser bug","color":"e11d21","default":false}],"state":"open","locked":false,"assignee":{"login":"DanielRuf","id":827205,"avatar_url":"https://avatars1.githubusercontent.com/u/827205?v=4","gravatar_id":"","url":"https://api.github.com/users/DanielRuf","html_url":"https://github.com/DanielRuf","followers_url":"https://api.github.com/users/DanielRuf/followers","following_url":"https://api.github.com/users/DanielRuf/following{/other_user}","gists_url":"https://api.github.com/users/DanielRuf/gists{/gist_id}","starred_url":"https://api.github.com/users/DanielRuf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DanielRuf/subscriptions","organizations_url":"https://api.github.com/users/DanielRuf/orgs","repos_url":"https://api.github.com/users/DanielRuf/repos","events_url":"https://api.github.com/users/DanielRuf/events{/privacy}","received_events_url":"https://api.github.com/users/DanielRuf/received_events","type":"User","site_admin":false},"assignees":[{"login":"DanielRuf","id":827205,"avatar_url":"https://avatars1.githubusercontent.com/u/827205?v=4","gravatar_id":"","url":"https://api.github.com/users/DanielRuf","html_url":"https://github.com/DanielRuf","followers_url":"https://api.github.com/users/DanielRuf/followers","following_url":"https://api.github.com/users/DanielRuf/following{/other_user}","gists_url":"https://api.github.com/users/DanielRuf/gists{/gist_id}","starred_url":"https://api.github.com/users/DanielRuf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DanielRuf/subscriptions","organizations_url":"https://api.github.com/users/DanielRuf/orgs","repos_url":"https://api.github.com/users/DanielRuf/repos","events_url":"https://api.github.com/users/DanielRuf/events{/privacy}","received_events_url":"https://api.github.com/users/DanielRuf/received_events","type":"User","site_admin":false}],"milestone":null,"comments":8,"created_at":"2018-03-18T14:40:00Z","updated_at":"2018-03-20T13:12:11Z","closed_at":null,"author_association":"NONE","body":"We're experiencing same issues with our forms placed in fixed elements (reveal modal, off-canvas)  as reported here:\r\n\r\nhttps://stackoverflow.com/questions/46567233/how-to-fix-the-ios-11-input-element-in-fixed-modals-bug\r\nhttps://hackernoon.com/how-to-fix-the-ios-11-input-element-in-fixed-modals-bug-aaf66c7ba3f8\r\nhttps://stackoverflow.com/questions/46339063/ios-11-safari-bootstrap-modal-text-area-outside-of-cursor\r\n\r\nHowever, the fixes suggesting setting 'position: fixed' on the body don't seem to always work (they don't for us). It might be because our modals are quite big and have many inputs. Could we have the Foundation components using 'position: absolute' on iOS 11? Possibly with some JS making them behaving similar to fixed elements? Changing to position absolute seems to be the most robust workaround.\r\n"},"comment":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/comments/374591913","html_url":"https://github.com/zurb/foundation-sites/issues/11071#issuecomment-374591913","issue_url":"https://api.github.com/repos/zurb/foundation-sites/issues/11071","id":374591913,"user":{"login":"DanielRuf","id":827205,"avatar_url":"https://avatars1.githubusercontent.com/u/827205?v=4","gravatar_id":"","url":"https://api.github.com/users/DanielRuf","html_url":"https://github.com/DanielRuf","followers_url":"https://api.github.com/users/DanielRuf/followers","following_url":"https://api.github.com/users/DanielRuf/following{/other_user}","gists_url":"https://api.github.com/users/DanielRuf/gists{/gist_id}","starred_url":"https://api.github.com/users/DanielRuf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/DanielRuf/subscriptions","organizations_url":"https://api.github.com/users/DanielRuf/orgs","repos_url":"https://api.github.com/users/DanielRuf/repos","events_url":"https://api.github.com/users/DanielRuf/events{/privacy}","received_events_url":"https://api.github.com/users/DanielRuf/received_events","type":"User","site_admin":false},"created_at":"2018-03-20T13:12:11Z","updated_at":"2018-03-20T13:12:11Z","author_association":"COLLABORATOR","body":"> // [TODO] Is this necessary?\r\nIs this in our code?\r\nYes, this is needed to remove scrollbars from the body when a reveal is open.\r\nDisabling `user-select` is bad UX.\r\n"}}
{"actor":{"display_login":"DanielRuf"}}