{"action":"created","issue":{"url":"https://api.github.com/repos/dbtek/angular-aside/issues/21","labels_url":"https://api.github.com/repos/dbtek/angular-aside/issues/21/labels{/name}","comments_url":"https://api.github.com/repos/dbtek/angular-aside/issues/21/comments","events_url":"https://api.github.com/repos/dbtek/angular-aside/issues/21/events","html_url":"https://github.com/dbtek/angular-aside/issues/21","id":96760805,"number":21,"title":"Modal opens and closes immediately ","user":{"login":"qz2rg4","id":4931185,"avatar_url":"https://avatars.githubusercontent.com/u/4931185?v=3","gravatar_id":"","url":"https://api.github.com/users/qz2rg4","html_url":"https://github.com/qz2rg4","followers_url":"https://api.github.com/users/qz2rg4/followers","following_url":"https://api.github.com/users/qz2rg4/following{/other_user}","gists_url":"https://api.github.com/users/qz2rg4/gists{/gist_id}","starred_url":"https://api.github.com/users/qz2rg4/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/qz2rg4/subscriptions","organizations_url":"https://api.github.com/users/qz2rg4/orgs","repos_url":"https://api.github.com/users/qz2rg4/repos","events_url":"https://api.github.com/users/qz2rg4/events{/privacy}","received_events_url":"https://api.github.com/users/qz2rg4/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-07-23T08:28:29Z","updated_at":"2015-12-07T20:12:42Z","closed_at":null,"body":"Hi \r\n\r\nI have a problem where the modal left menu opens but immediately closes. Funny enough when I click on the link and hold the modal appears and stays. Please assist \r\n\r\n\r\n\r\n\r\nHere is my code \r\n\r\n<a ng-click=\"openAside('left')\" class=\"ng-scope\" tabindex=\"0\"> <i style=\"margin-left:auto;margin-right:auto\" class=\"glyphicon glyphicon-menu-hamburger\"></i></a>\r\n\r\n $scope.openAside = function (position) {\r\n                                   $aside.open({\r\n\r\n                                       templateUrl: 'aside.html',\r\n                                       placement: position,\r\n                                       backdrop: true,\r\n                                       controller: function ($scope, $modalInstance) {\r\n                                           $scope.ok = function (e) {\r\n                                               $modalInstance.close();\r\n                                               e.stopPropagation();\r\n                                           };\r\n                                           $scope.cancel = function (e) {\r\n                                               $modalInstance.dismiss();\r\n                                               e.stopPropagation();\r\n                                           };\r\n                                       }\r\n                                   });\r\n                               };"},"comment":{"url":"https://api.github.com/repos/dbtek/angular-aside/issues/comments/162646300","html_url":"https://github.com/dbtek/angular-aside/issues/21#issuecomment-162646300","issue_url":"https://api.github.com/repos/dbtek/angular-aside/issues/21","id":162646300,"user":{"login":"wouterij","id":6976899,"avatar_url":"https://avatars.githubusercontent.com/u/6976899?v=3","gravatar_id":"","url":"https://api.github.com/users/wouterij","html_url":"https://github.com/wouterij","followers_url":"https://api.github.com/users/wouterij/followers","following_url":"https://api.github.com/users/wouterij/following{/other_user}","gists_url":"https://api.github.com/users/wouterij/gists{/gist_id}","starred_url":"https://api.github.com/users/wouterij/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wouterij/subscriptions","organizations_url":"https://api.github.com/users/wouterij/orgs","repos_url":"https://api.github.com/users/wouterij/repos","events_url":"https://api.github.com/users/wouterij/events{/privacy}","received_events_url":"https://api.github.com/users/wouterij/received_events","type":"User","site_admin":false},"created_at":"2015-12-07T20:12:42Z","updated_at":"2015-12-07T20:12:42Z","body":"I've had this issue as well. Particularly on Safari on iOS. The first time you open it, it works fine. If you then close it and open it again, it disappears. After doing a bit of research it seems as if the default Bootstrap UI animation is also still effective. So it not only animates from right to left (in my case), but if you look closely you see it move to the top as well. \r\n\r\nAnd as it turns out, if I disable animation by setting the ``animation`` option to ``false`` it seems to work as expected. This still animates the sidebar, since ng-aside ignores the animation option. \r\n\r\nIt might be more elegant to fix the issue by changing the CSS such that the the Bootstrap UI animation is disabled. And also on a side-note, it would be nice if the animation flag would also apply to the ng-aside sidebar."}}