{"action":"created","issue":{"url":"https://api.github.com/repos/kamranahmedse/driver.js/issues/60","repository_url":"https://api.github.com/repos/kamranahmedse/driver.js","labels_url":"https://api.github.com/repos/kamranahmedse/driver.js/issues/60/labels{/name}","comments_url":"https://api.github.com/repos/kamranahmedse/driver.js/issues/60/comments","events_url":"https://api.github.com/repos/kamranahmedse/driver.js/issues/60/events","html_url":"https://github.com/kamranahmedse/driver.js/issues/60","id":311255303,"number":60,"title":"Overlay: highlighted-element and stage-element: z-index in container with fixed position","user":{"login":"Fhoeddinghaus","id":4275444,"avatar_url":"https://avatars0.githubusercontent.com/u/4275444?v=4","gravatar_id":"","url":"https://api.github.com/users/Fhoeddinghaus","html_url":"https://github.com/Fhoeddinghaus","followers_url":"https://api.github.com/users/Fhoeddinghaus/followers","following_url":"https://api.github.com/users/Fhoeddinghaus/following{/other_user}","gists_url":"https://api.github.com/users/Fhoeddinghaus/gists{/gist_id}","starred_url":"https://api.github.com/users/Fhoeddinghaus/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Fhoeddinghaus/subscriptions","organizations_url":"https://api.github.com/users/Fhoeddinghaus/orgs","repos_url":"https://api.github.com/users/Fhoeddinghaus/repos","events_url":"https://api.github.com/users/Fhoeddinghaus/events{/privacy}","received_events_url":"https://api.github.com/users/Fhoeddinghaus/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-04-04T14:30:27Z","updated_at":"2018-04-26T02:53:02Z","closed_at":"2018-04-15T15:54:41Z","author_association":"NONE","body":"If I have a **div with \"position: fixed\"** as a container and in it an element (e.g. a p element) like\r\n`<div style=\"position: fixed; ...\"><p id=\"selector\"></p></div>`\r\nand I try to highlight the p inside the div, then the **hightlight-stage will overla**y the p (and of course the div).\r\nThe z-index of the selected element won't work right, because of the parent-div.\r\nYou can see a demo at [my site](https://www.xefli.de/projects/mplan/sys/content/drivertest.php) (I also included at first normal examples for test reasons) and in the image below.\r\n\r\nThe only way I found to fix it with dev tools was putting \"z-index: 99999999999\" in the div, but thats not a really good solution, if there are multiple elements in the div...\r\n\r\n<img width=\"988\" alt=\"grafik\" src=\"https://user-images.githubusercontent.com/4275444/38313093-a7b04cd4-3823-11e8-9421-f57adde616be.png\">"},"comment":{"url":"https://api.github.com/repos/kamranahmedse/driver.js/issues/comments/384496759","html_url":"https://github.com/kamranahmedse/driver.js/issues/60#issuecomment-384496759","issue_url":"https://api.github.com/repos/kamranahmedse/driver.js/issues/60","id":384496759,"user":{"login":"makeupsomething","id":7676733,"avatar_url":"https://avatars1.githubusercontent.com/u/7676733?v=4","gravatar_id":"","url":"https://api.github.com/users/makeupsomething","html_url":"https://github.com/makeupsomething","followers_url":"https://api.github.com/users/makeupsomething/followers","following_url":"https://api.github.com/users/makeupsomething/following{/other_user}","gists_url":"https://api.github.com/users/makeupsomething/gists{/gist_id}","starred_url":"https://api.github.com/users/makeupsomething/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/makeupsomething/subscriptions","organizations_url":"https://api.github.com/users/makeupsomething/orgs","repos_url":"https://api.github.com/users/makeupsomething/repos","events_url":"https://api.github.com/users/makeupsomething/events{/privacy}","received_events_url":"https://api.github.com/users/makeupsomething/received_events","type":"User","site_admin":false},"created_at":"2018-04-26T02:53:02Z","updated_at":"2018-04-26T02:53:02Z","author_association":"NONE","body":"For anyone who comes to this issue and gets confused the code should be \r\n\r\n```js\r\nconst driver = new Driver({\r\n    animate: false\r\n});\r\n```"}}
{"actor":{"display_login":"makeupsomething"}}