{"action":"created","issue":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/8234","repository_url":"https://api.github.com/repos/ionic-team/ionic","labels_url":"https://api.github.com/repos/ionic-team/ionic/issues/8234/labels{/name}","comments_url":"https://api.github.com/repos/ionic-team/ionic/issues/8234/comments","events_url":"https://api.github.com/repos/ionic-team/ionic/issues/8234/events","html_url":"https://github.com/ionic-team/ionic/issues/8234","id":179497961,"node_id":"MDU6SXNzdWUxNzk0OTc5NjE=","number":8234,"title":"ionic2 pages overlapping because of z-index of LoadingController","user":{"login":"rhuldip","id":12796087,"node_id":"MDQ6VXNlcjEyNzk2MDg3","avatar_url":"https://avatars2.githubusercontent.com/u/12796087?v=4","gravatar_id":"","url":"https://api.github.com/users/rhuldip","html_url":"https://github.com/rhuldip","followers_url":"https://api.github.com/users/rhuldip/followers","following_url":"https://api.github.com/users/rhuldip/following{/other_user}","gists_url":"https://api.github.com/users/rhuldip/gists{/gist_id}","starred_url":"https://api.github.com/users/rhuldip/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rhuldip/subscriptions","organizations_url":"https://api.github.com/users/rhuldip/orgs","repos_url":"https://api.github.com/users/rhuldip/repos","events_url":"https://api.github.com/users/rhuldip/events{/privacy}","received_events_url":"https://api.github.com/users/rhuldip/received_events","type":"User","site_admin":false},"labels":[{"id":96053308,"node_id":"MDU6TGFiZWw5NjA1MzMwOA==","url":"https://api.github.com/repos/ionic-team/ionic/labels/needs%20reply","name":"needs reply","color":"ffce00","default":false},{"id":311009737,"node_id":"MDU6TGFiZWwzMTEwMDk3Mzc=","url":"https://api.github.com/repos/ionic-team/ionic/labels/v2","name":"v2","color":"313744","default":false}],"state":"closed","locked":false,"assignee":{"login":"adamdbradley","id":452425,"node_id":"MDQ6VXNlcjQ1MjQyNQ==","avatar_url":"https://avatars3.githubusercontent.com/u/452425?v=4","gravatar_id":"","url":"https://api.github.com/users/adamdbradley","html_url":"https://github.com/adamdbradley","followers_url":"https://api.github.com/users/adamdbradley/followers","following_url":"https://api.github.com/users/adamdbradley/following{/other_user}","gists_url":"https://api.github.com/users/adamdbradley/gists{/gist_id}","starred_url":"https://api.github.com/users/adamdbradley/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/adamdbradley/subscriptions","organizations_url":"https://api.github.com/users/adamdbradley/orgs","repos_url":"https://api.github.com/users/adamdbradley/repos","events_url":"https://api.github.com/users/adamdbradley/events{/privacy}","received_events_url":"https://api.github.com/users/adamdbradley/received_events","type":"User","site_admin":false},"assignees":[{"login":"adamdbradley","id":452425,"node_id":"MDQ6VXNlcjQ1MjQyNQ==","avatar_url":"https://avatars3.githubusercontent.com/u/452425?v=4","gravatar_id":"","url":"https://api.github.com/users/adamdbradley","html_url":"https://github.com/adamdbradley","followers_url":"https://api.github.com/users/adamdbradley/followers","following_url":"https://api.github.com/users/adamdbradley/following{/other_user}","gists_url":"https://api.github.com/users/adamdbradley/gists{/gist_id}","starred_url":"https://api.github.com/users/adamdbradley/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/adamdbradley/subscriptions","organizations_url":"https://api.github.com/users/adamdbradley/orgs","repos_url":"https://api.github.com/users/adamdbradley/repos","events_url":"https://api.github.com/users/adamdbradley/events{/privacy}","received_events_url":"https://api.github.com/users/adamdbradley/received_events","type":"User","site_admin":false}],"milestone":null,"comments":4,"created_at":"2016-09-27T13:48:12Z","updated_at":"2018-09-04T13:29:59Z","closed_at":"2016-10-03T01:10:51Z","author_association":"NONE","body":"I am pushing pages by using navController.push(PageName).\nBut the issue is that the pages are overlapping.\nI can see that there is some problem with z-index but how can i solve it.\nExample-From Homepage whose z-index 9998, i am calling navController.push(nextPage) whose z-index is 9999.Everything works fine but now when i push navController.push(nextPage2),the nextPage is overlapping nextPage2.\nnextPage2 z-index is 9998.\nOn further checking,i found that when the 2nd page is pushed its z-index was 1000,after that loadingcontroller is called and on loading controller dismiss the z-index of page is becoming 9998.\nHow can i correct this because i am having multiple pages and i can't set z-index of each page manually.\n![screen shot 2016-09-27 at 4 02 25 pm](https://cloud.githubusercontent.com/assets/12796087/18876444/5e89cd64-84e7-11e6-848b-92afb54a1be1.png)\n\nwhen i used debugger i found that it is having because of loadingController but how can i resolve it.\nThis is the code i am calling when i am pushing newsandalertoption component.\n\n```\nionViewDidEnter()\n{\n\nthis.getNewsAndAlertsObject = new GetNewsAndAlertsObject();\n//alert(\"NewsalertoptionsPage=\"+this.navCtrl.length());\nvar myLoader =  this.commonUtility.getLoader('Getting News...');\nmyLoader.present();\nthis.getNewsAndAlertsObject.EID= \"H122984\";\nthis.getNewsAndAlertsObject.SBG =\"HON CORP\";\nthis.remedyService.getNewsAndAlerts(this.getNewsAndAlertsObject).subscribe(\n  data =>{\n      myLoader.dismiss().then(()=>{\n        console.log(\"success in getMyRequest\"+JSON.stringify(data));\n        debugger\n        this.myNewsAndAlertsData = data;\n        debugger\n      })\n  },\n  err =>{\n      console.log(\"err block\");\n      myLoader.dismiss();\n      console.log(\"Error in getMyRequest\"+JSON.stringify(err));\n      console.log(\"1\");\n      var errObj = err._body;\n      console.log(\"2\");\n      errObj = JSON.parse(errObj);\n      console.log(\"3\");\n      //alert(\"errObj = \"+errObj);\n      console.log(\"4\");\n      //alert(\"errObj1=\"+errObj.error);\n      if(errObj.error != undefined)\n      {\n        console.log(\"undefined block\");\n        if(errObj.error == \"invalid_token\")\n        {\n          this.navCtrl.setRoot(LoginPage);\n        }\n        else\n        {\n          console.log(\"ivalid not block\");\n          var myAlert= this.commonUtility.getAlert(\"Network Error\", \"Please try again later\");\n          myAlert.present();\n        }\n      }\n      else\n      {\n        console.log(\"major else block\");\n        var myAlert= this.commonUtility.getAlert(\"Network Error\", \"Please try again later\");\n        myAlert.present();\n      }\n  },\n  () =>\n  {\n      console.log(\"Completion of getMyRequest\");\n      //this.myLoadingCtrl.dismiss();\n  }\n);\n}\n```\n\nAfter the first debugger,the z-index is changing.\n\nMy commonUtility file which is giving me loader is-\n\n```\nimport {LoadingController,AlertController} from \"ionic-angular\";\nimport { Injectable } from '@angular/core';\n\n@Injectable()\nexport class CommonUtility\n{\nconstructor(public loadingCtrl: LoadingController,public alertCtrl: AlertController)\n{\nconsole.log(\"Creating object for CommonUtility\");\n}\ngetLoader(content)\n{\nreturn this.loadingCtrl.create({\ncontent: content\n});\n}\ngetAlert(alertTitle, alertSubTitle)\n{\nlet popUp = this.alertCtrl.create({\ntitle: alertTitle,\nsubTitle: alertSubTitle,\nbuttons: [\n{\ntext:'Dismiss',\nrole:'cancel',\nhandler: () =>\n{\nconsole.log(\"alert box dismiss clicked\");\npopUp.dismiss();\n}\n}\n]\n});\npopUp.present();\nreturn popUp;\n}\n}\n```\n"},"comment":{"url":"https://api.github.com/repos/ionic-team/ionic/issues/comments/418367424","html_url":"https://github.com/ionic-team/ionic/issues/8234#issuecomment-418367424","issue_url":"https://api.github.com/repos/ionic-team/ionic/issues/8234","id":418367424,"node_id":"MDEyOklzc3VlQ29tbWVudDQxODM2NzQyNA==","user":{"login":"ionic-issue-bot[bot]","id":35967572,"node_id":"MDM6Qm90MzU5Njc1NzI=","avatar_url":"https://avatars1.githubusercontent.com/in/8640?v=4","gravatar_id":"","url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D","html_url":"https://github.com/apps/ionic-issue-bot","followers_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/followers","following_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/following{/other_user}","gists_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/gists{/gist_id}","starred_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/subscriptions","organizations_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/orgs","repos_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/repos","events_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/events{/privacy}","received_events_url":"https://api.github.com/users/ionic-issue-bot%5Bbot%5D/received_events","type":"Bot","site_admin":false},"created_at":"2018-09-04T13:29:59Z","updated_at":"2018-09-04T13:29:59Z","author_association":"NONE","body":"Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.\n"}}
{"actor":{"display_login":"ionic-issue-bot"}}