{"action":"created","issue":{"url":"https://api.github.com/repos/driftyco/ionic/issues/7574","repository_url":"https://api.github.com/repos/driftyco/ionic","labels_url":"https://api.github.com/repos/driftyco/ionic/issues/7574/labels{/name}","comments_url":"https://api.github.com/repos/driftyco/ionic/issues/7574/comments","events_url":"https://api.github.com/repos/driftyco/ionic/issues/7574/events","html_url":"https://github.com/driftyco/ionic/issues/7574","id":169762975,"number":7574,"title":"[v2 beta.11] overlay components don't display as expected","user":{"login":"jasonwaters","id":427213,"avatar_url":"https://avatars.githubusercontent.com/u/427213?v=3","gravatar_id":"","url":"https://api.github.com/users/jasonwaters","html_url":"https://github.com/jasonwaters","followers_url":"https://api.github.com/users/jasonwaters/followers","following_url":"https://api.github.com/users/jasonwaters/following{/other_user}","gists_url":"https://api.github.com/users/jasonwaters/gists{/gist_id}","starred_url":"https://api.github.com/users/jasonwaters/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jasonwaters/subscriptions","organizations_url":"https://api.github.com/users/jasonwaters/orgs","repos_url":"https://api.github.com/users/jasonwaters/repos","events_url":"https://api.github.com/users/jasonwaters/events{/privacy}","received_events_url":"https://api.github.com/users/jasonwaters/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/driftyco/ionic/labels/v2","name":"v2","color":"313744"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2016-08-06T19:35:47Z","updated_at":"2016-09-01T10:38:49Z","closed_at":null,"body":"\r\n#### Short description of the problem:\r\nIn my ionic app I have some code at the root component that listens for events.  Then, based on these events it's creates and presents overlay components like alert, loading, and modals.  I switched this code to use the respective controllers in beta 11, hoping it would alleviate some problems I was having before beta.11.  Anyway, the problem is that If the user has navigated a few pages deep and an event is fired so that the root component creates and presents an overlay... there seems to be a conflict with the current navigation stack and the components do not always display.  This is especially the case if, for example, a loading component has been presented by a page a few levels deep in the nav stack and then an event is fired that would cause the root element to present a modal.  The modal seems to be in the DOM but not accessible.\r\n\r\n\r\n#### What behavior are you expecting?\r\n\r\nI expect any overlay that is presented to be displayed regardless of which component in the nav stack called the present() method.  I also thought that, with the introduction of overlay controllers, there would no longer be a conflict between the various overlays and the nav controller.  but that does not seem to be the case.  \r\n\r\n**Steps to reproduce:**\r\n1.  create an app and in the root element set a timeout to create and present a modal in 5 or 10 seconds.\r\n2.  navigate at least one page deep (away from the root component).\r\n3.  make the page you navigated to present a loading component with a 10 second duration, as soon as you get there.\r\n4. while there, wait for the timeout to complete in the root component and see that the modal is not visible.  Not even after the loading component disappears.\r\n\r\n\r\n**Which Ionic Version?**\r\n\r\n2.0.0@beta.11\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/driftyco/ionic/issues/comments/244041646","html_url":"https://github.com/driftyco/ionic/issues/7574#issuecomment-244041646","issue_url":"https://api.github.com/repos/driftyco/ionic/issues/7574","id":244041646,"user":{"login":"tbmk","id":3484050,"avatar_url":"https://avatars.githubusercontent.com/u/3484050?v=3","gravatar_id":"","url":"https://api.github.com/users/tbmk","html_url":"https://github.com/tbmk","followers_url":"https://api.github.com/users/tbmk/followers","following_url":"https://api.github.com/users/tbmk/following{/other_user}","gists_url":"https://api.github.com/users/tbmk/gists{/gist_id}","starred_url":"https://api.github.com/users/tbmk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tbmk/subscriptions","organizations_url":"https://api.github.com/users/tbmk/orgs","repos_url":"https://api.github.com/users/tbmk/repos","events_url":"https://api.github.com/users/tbmk/events{/privacy}","received_events_url":"https://api.github.com/users/tbmk/received_events","type":"User","site_admin":false},"created_at":"2016-09-01T10:38:49Z","updated_at":"2016-09-01T10:38:49Z","body":"I guess I have the same issue:\r\n\r\n```typescript\r\n    let loading = this.loadingCtrl.create({content: 'Loading...'});\r\n    loading.present();\r\n\r\n    this.geolocationService.geolocate().subscribe(\r\n      (data) => {\r\n        loading.dismiss();\r\n        ...\r\n      },\r\n      ...\r\n    );\r\n```\r\n\r\n`loading.dismiss()` does not have any effect.  `loading.destroy()` removes it but I guess that is not the way to go."}}
{"actor":{"display_login":"tbmk"}}