{"action":"opened","issue":{"url":"https://api.github.com/repos/PolymerElements/iron-overlay-behavior/issues/215","repository_url":"https://api.github.com/repos/PolymerElements/iron-overlay-behavior","labels_url":"https://api.github.com/repos/PolymerElements/iron-overlay-behavior/issues/215/labels{/name}","comments_url":"https://api.github.com/repos/PolymerElements/iron-overlay-behavior/issues/215/comments","events_url":"https://api.github.com/repos/PolymerElements/iron-overlay-behavior/issues/215/events","html_url":"https://github.com/PolymerElements/iron-overlay-behavior/issues/215","id":176377103,"number":215,"title":"iron-overlay-backdrop conflict with app-header-layout","user":{"login":"Gaubee","id":2151644,"avatar_url":"https://avatars.githubusercontent.com/u/2151644?v=3","gravatar_id":"","url":"https://api.github.com/users/Gaubee","html_url":"https://github.com/Gaubee","followers_url":"https://api.github.com/users/Gaubee/followers","following_url":"https://api.github.com/users/Gaubee/following{/other_user}","gists_url":"https://api.github.com/users/Gaubee/gists{/gist_id}","starred_url":"https://api.github.com/users/Gaubee/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Gaubee/subscriptions","organizations_url":"https://api.github.com/users/Gaubee/orgs","repos_url":"https://api.github.com/users/Gaubee/repos","events_url":"https://api.github.com/users/Gaubee/events{/privacy}","received_events_url":"https://api.github.com/users/Gaubee/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-09-12T13:36:24Z","updated_at":"2016-09-12T13:36:24Z","closed_at":null,"body":"<!-- Instructions: https://github.com/PolymerElements/iron-overlay-behavior/CONTRIBUTING.md#filing-issues -->\r\n### Description\r\n`<iron-overlay-backdrop>` will append to `<body>`.\r\nWhen I use `<app-header-layout>` , `<iron-overlay-backdrop>` will keep to top. because the `<app-header-layout>`  will be set `z-index` as `0` . so will be aways under `<iron-overlay-backdrop>` , and lost control of the pop-up box.\r\n\r\nSimilar code would happen if developers use the z-index attribute to control layout.\r\n\r\n### Expected outcome\r\n\r\n`<iron-overlay-backdrop>` shoud be under pop-up box\r\n\r\n### Actual outcome\r\n\r\n`<iron-overlay-backdrop>` always at the top\r\n\r\n### Live Demo\r\n<!-- Example: https://jsbin.com/cagaye/edit?html,output -->\r\nhttps://jsbin.com/suticenuwu/1/edit?html,output\r\n\r\n### Steps to reproduce\r\n\r\n<!-- Example\r\n1. Put a `paper-foo` element in the page.\r\n2. Open the page in a web browser.\r\n3. Click the `paper-foo` element.\r\n-->\r\n\r\n### Browsers Affected\r\n<!-- Check all that apply -->\r\n- [ ] Chrome\r\n- [ ] Firefox\r\n- [ ] Safari 9\r\n- [ ] Safari 8\r\n- [ ] Safari 7\r\n- [ ] Edge\r\n- [ ] IE 11\r\n- [ ] IE 10\r\n"}}
{"actor":{"display_login":"Gaubee"}}