{"action":"created","issue":{"url":"https://api.github.com/repos/usablica/intro.js/issues/485","repository_url":"https://api.github.com/repos/usablica/intro.js","labels_url":"https://api.github.com/repos/usablica/intro.js/issues/485/labels{/name}","comments_url":"https://api.github.com/repos/usablica/intro.js/issues/485/comments","events_url":"https://api.github.com/repos/usablica/intro.js/issues/485/events","html_url":"https://github.com/usablica/intro.js/issues/485","id":116152256,"number":485,"title":"Problem with bootstrap modals","user":{"login":"sebaxq","id":857397,"avatar_url":"https://avatars.githubusercontent.com/u/857397?v=3","gravatar_id":"","url":"https://api.github.com/users/sebaxq","html_url":"https://github.com/sebaxq","followers_url":"https://api.github.com/users/sebaxq/followers","following_url":"https://api.github.com/users/sebaxq/following{/other_user}","gists_url":"https://api.github.com/users/sebaxq/gists{/gist_id}","starred_url":"https://api.github.com/users/sebaxq/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sebaxq/subscriptions","organizations_url":"https://api.github.com/users/sebaxq/orgs","repos_url":"https://api.github.com/users/sebaxq/repos","events_url":"https://api.github.com/users/sebaxq/events{/privacy}","received_events_url":"https://api.github.com/users/sebaxq/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2015-11-10T17:04:15Z","updated_at":"2016-07-29T14:18:14Z","closed_at":null,"body":"Hi, I'm using intro.js and I find an error when I use it on a Modal of Bootstrap. Intro.js adds a class to fix the position for elements (\"introjs-fixParent\") and the style \"position:absolute !important;\" makes that the modal moves from the center of page. I fixed the problem changing the style to \"position:relative !important;\" and adding this javascript code \"$(window).scrollTop(0);\" to fix the vertical alignement problem, this is before to launch Intro.js.\r\n"},"comment":{"url":"https://api.github.com/repos/usablica/intro.js/issues/comments/236192546","html_url":"https://github.com/usablica/intro.js/issues/485#issuecomment-236192546","issue_url":"https://api.github.com/repos/usablica/intro.js/issues/485","id":236192546,"user":{"login":"bytebrain","id":1932530,"avatar_url":"https://avatars.githubusercontent.com/u/1932530?v=3","gravatar_id":"","url":"https://api.github.com/users/bytebrain","html_url":"https://github.com/bytebrain","followers_url":"https://api.github.com/users/bytebrain/followers","following_url":"https://api.github.com/users/bytebrain/following{/other_user}","gists_url":"https://api.github.com/users/bytebrain/gists{/gist_id}","starred_url":"https://api.github.com/users/bytebrain/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bytebrain/subscriptions","organizations_url":"https://api.github.com/users/bytebrain/orgs","repos_url":"https://api.github.com/users/bytebrain/repos","events_url":"https://api.github.com/users/bytebrain/events{/privacy}","received_events_url":"https://api.github.com/users/bytebrain/received_events","type":"User","site_admin":false},"created_at":"2016-07-29T14:18:14Z","updated_at":"2016-07-29T14:18:14Z","body":"I've fixed it. I've added this to my css, and your **modal elements** should be **at the end of your** `<body>` and not in any child element, or else all you'll get strange positioning.\r\n\r\n```css\r\n.introjs-fixParent.modal,\r\n.introjs-fixParent.modal-dialog {\r\n  position: relative !important;  \r\n}\r\n```\r\n\r\nFixed my modals with this:\r\n```js\r\n$(document).ready(function(){\r\n    $('div.modal').appendTo('body');\r\n});\r\n```"}}
{"actor":{"display_login":"bytebrain"}}