{"action":"created","issue":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/17695","repository_url":"https://api.github.com/repos/twbs/bootstrap","labels_url":"https://api.github.com/repos/twbs/bootstrap/issues/17695/labels{/name}","comments_url":"https://api.github.com/repos/twbs/bootstrap/issues/17695/comments","events_url":"https://api.github.com/repos/twbs/bootstrap/issues/17695/events","html_url":"https://github.com/twbs/bootstrap/issues/17695","id":108156860,"number":17695,"title":"Dynamically loaded Bootstrap Modal does not scroll on iOS 9","user":{"login":"jkrehm","id":999845,"avatar_url":"https://avatars.githubusercontent.com/u/999845?v=3","gravatar_id":"","url":"https://api.github.com/users/jkrehm","html_url":"https://github.com/jkrehm","followers_url":"https://api.github.com/users/jkrehm/followers","following_url":"https://api.github.com/users/jkrehm/following{/other_user}","gists_url":"https://api.github.com/users/jkrehm/gists{/gist_id}","starred_url":"https://api.github.com/users/jkrehm/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jkrehm/subscriptions","organizations_url":"https://api.github.com/users/jkrehm/orgs","repos_url":"https://api.github.com/users/jkrehm/repos","events_url":"https://api.github.com/users/jkrehm/events{/privacy}","received_events_url":"https://api.github.com/users/jkrehm/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/twbs/bootstrap/labels/browser%20bug","name":"browser bug","color":"00abe1"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/confirmed","name":"confirmed","color":"b94a48"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/css","name":"css","color":"563d7c"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/v3","name":"v3","color":"d9534f"},{"url":"https://api.github.com/repos/twbs/bootstrap/labels/v4","name":"v4","color":"563d7c"}],"state":"open","locked":false,"assignee":{"login":"mdo","id":98681,"avatar_url":"https://avatars.githubusercontent.com/u/98681?v=3","gravatar_id":"","url":"https://api.github.com/users/mdo","html_url":"https://github.com/mdo","followers_url":"https://api.github.com/users/mdo/followers","following_url":"https://api.github.com/users/mdo/following{/other_user}","gists_url":"https://api.github.com/users/mdo/gists{/gist_id}","starred_url":"https://api.github.com/users/mdo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mdo/subscriptions","organizations_url":"https://api.github.com/users/mdo/orgs","repos_url":"https://api.github.com/users/mdo/repos","events_url":"https://api.github.com/users/mdo/events{/privacy}","received_events_url":"https://api.github.com/users/mdo/received_events","type":"User","site_admin":true},"milestone":null,"comments":12,"created_at":"2015-09-24T15:39:13Z","updated_at":"2016-06-03T18:59:07Z","closed_at":null,"body":"Using Bootstrap 3, when I load content into a modal on the `show` event, scrolling on iOS 9 devices does not work. It works correctly on every other device that I've tried, including iOS 8. I think the DOM doesn't update the \\<div\\>'s scroll height, so it doesn't think the modal should be scrollable. The `handleUpdate` function doesn't fix the issue, either.\r\n\r\nI've created a minimal example on Codepen at http://codepen.io/jkrehm/full/LpRzJV/ (code available [here](http://codepen.io/jkrehm/pen/LpRzJV)).\r\n\r\nThe most relevant code is this:\r\n\r\n    // Show loader & then get content when modal is shown\r\n    $modal.on('show.bs.modal', function(e) {\r\n        $(this).find('.modal-body')\r\n            .html('loading...')\r\n            .load('https://baconipsum.com/api/?type=meat-and-filler&paras=10', function() {\r\n                // Use Bootstrap's built-in function to fix scrolling (to no avail)\r\n                $modal.modal('handleUpdate');\r\n            });\r\n    });\r\n\r\nIf I change the code so the content is loaded _before_ the modal is shown, things work fine, but there's no loading indicator for the user (just a pause of indeterminate length after they click the button and before the modal appears).\r\n\r\nWhat can we do to convince iOS 9 to recalculate the `.modal-body`'s scroll height? I've tried a number of things, and the only \"work around\" that works reliably is to hide `.modal-body` and show it again.\r\n\r\nI've also created a [StackOverflow question](http://stackoverflow.com/questions/32762539/dynamically-loaded-bootstrap-modal-does-not-scroll-on-ios-9) in case someone else runs into the issue and figures out a fix."},"comment":{"url":"https://api.github.com/repos/twbs/bootstrap/issues/comments/223664484","html_url":"https://github.com/twbs/bootstrap/issues/17695#issuecomment-223664484","issue_url":"https://api.github.com/repos/twbs/bootstrap/issues/17695","id":223664484,"user":{"login":"Bite-Webdevelopment","id":11026796,"avatar_url":"https://avatars.githubusercontent.com/u/11026796?v=3","gravatar_id":"","url":"https://api.github.com/users/Bite-Webdevelopment","html_url":"https://github.com/Bite-Webdevelopment","followers_url":"https://api.github.com/users/Bite-Webdevelopment/followers","following_url":"https://api.github.com/users/Bite-Webdevelopment/following{/other_user}","gists_url":"https://api.github.com/users/Bite-Webdevelopment/gists{/gist_id}","starred_url":"https://api.github.com/users/Bite-Webdevelopment/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Bite-Webdevelopment/subscriptions","organizations_url":"https://api.github.com/users/Bite-Webdevelopment/orgs","repos_url":"https://api.github.com/users/Bite-Webdevelopment/repos","events_url":"https://api.github.com/users/Bite-Webdevelopment/events{/privacy}","received_events_url":"https://api.github.com/users/Bite-Webdevelopment/received_events","type":"User","site_admin":false},"created_at":"2016-06-03T18:59:07Z","updated_at":"2016-06-03T18:59:07Z","body":"adding that code doesn't resolve it for me, it makes the whole modal render slow and not smooth on iOS 9.3.2. "}}
{"actor":{"display_login":"Bite-Webdevelopment"}}