{"action":"created","issue":{"url":"https://api.github.com/repos/vuejs/vue/issues/2130","labels_url":"https://api.github.com/repos/vuejs/vue/issues/2130/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue/issues/2130/comments","events_url":"https://api.github.com/repos/vuejs/vue/issues/2130/events","html_url":"https://github.com/vuejs/vue/issues/2130","id":125603261,"number":2130,"title":"transfer DOM","user":{"login":"rhyzx","id":1676871,"avatar_url":"https://avatars.githubusercontent.com/u/1676871?v=3","gravatar_id":"","url":"https://api.github.com/users/rhyzx","html_url":"https://github.com/rhyzx","followers_url":"https://api.github.com/users/rhyzx/followers","following_url":"https://api.github.com/users/rhyzx/following{/other_user}","gists_url":"https://api.github.com/users/rhyzx/gists{/gist_id}","starred_url":"https://api.github.com/users/rhyzx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rhyzx/subscriptions","organizations_url":"https://api.github.com/users/rhyzx/orgs","repos_url":"https://api.github.com/users/rhyzx/repos","events_url":"https://api.github.com/users/rhyzx/events{/privacy}","received_events_url":"https://api.github.com/users/rhyzx/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/vuejs/vue/labels/feature","name":"feature","color":"006b75"},{"url":"https://api.github.com/repos/vuejs/vue/labels/suggestion","name":"suggestion","color":"fbca04"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2016-01-08T12:33:17Z","updated_at":"2016-01-10T00:20:11Z","closed_at":null,"body":"We may need DOM place in some other location in some situations, eg:  place `<modal>` in root element(body).\r\n\r\n`position: fixed` is not a perfect solution, when inside parent with z-index, it may be overlap by other elements: http://stackoverflow.com/a/16756277\r\n\r\nI made some experiments and it seems impossible to achieve this by custom directive, so i made some modifications in source code and it works as expected:\r\nhttp://jsfiddle.net/rhyzx/s3L0emxy/\r\n\r\ncommit is here: https://github.com/rhyzx/vue/commit/8430843342beed71953da8de00c87dd45cbb250b\r\n\r\nHow do you think about this feature? @yyx990803 "},"comment":{"url":"https://api.github.com/repos/vuejs/vue/issues/comments/170296177","html_url":"https://github.com/vuejs/vue/issues/2130#issuecomment-170296177","issue_url":"https://api.github.com/repos/vuejs/vue/issues/2130","id":170296177,"user":{"login":"yyx990803","id":499550,"avatar_url":"https://avatars.githubusercontent.com/u/499550?v=3","gravatar_id":"","url":"https://api.github.com/users/yyx990803","html_url":"https://github.com/yyx990803","followers_url":"https://api.github.com/users/yyx990803/followers","following_url":"https://api.github.com/users/yyx990803/following{/other_user}","gists_url":"https://api.github.com/users/yyx990803/gists{/gist_id}","starred_url":"https://api.github.com/users/yyx990803/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yyx990803/subscriptions","organizations_url":"https://api.github.com/users/yyx990803/orgs","repos_url":"https://api.github.com/users/yyx990803/repos","events_url":"https://api.github.com/users/yyx990803/events{/privacy}","received_events_url":"https://api.github.com/users/yyx990803/received_events","type":"User","site_admin":false},"created_at":"2016-01-10T00:20:11Z","updated_at":"2016-01-10T00:20:11Z","body":"Yeah, it definitely should be extendable... I think the only thing preventing it is the internal `terminalDirectives` array, since both `util` and `FragmentFactory` are exposed already."}}