{"action":"created","issue":{"url":"https://api.github.com/repos/aurelia/templating/issues/406","repository_url":"https://api.github.com/repos/aurelia/templating","labels_url":"https://api.github.com/repos/aurelia/templating/issues/406/labels{/name}","comments_url":"https://api.github.com/repos/aurelia/templating/issues/406/comments","events_url":"https://api.github.com/repos/aurelia/templating/issues/406/events","html_url":"https://github.com/aurelia/templating/issues/406","id":162871862,"number":406,"title":"Aurelia Custom Element - Anything directly after that is removed from DOM","user":{"login":"ClareBear85","id":7114660,"avatar_url":"https://avatars.githubusercontent.com/u/7114660?v=3","gravatar_id":"","url":"https://api.github.com/users/ClareBear85","html_url":"https://github.com/ClareBear85","followers_url":"https://api.github.com/users/ClareBear85/followers","following_url":"https://api.github.com/users/ClareBear85/following{/other_user}","gists_url":"https://api.github.com/users/ClareBear85/gists{/gist_id}","starred_url":"https://api.github.com/users/ClareBear85/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ClareBear85/subscriptions","organizations_url":"https://api.github.com/users/ClareBear85/orgs","repos_url":"https://api.github.com/users/ClareBear85/repos","events_url":"https://api.github.com/users/ClareBear85/events{/privacy}","received_events_url":"https://api.github.com/users/ClareBear85/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-06-29T08:47:47Z","updated_at":"2016-06-29T08:57:52Z","closed_at":null,"body":"I have the latest version of Aurelia although I believe it had been fixed last year (https://github.com/aurelia/framework/issues/35), I am still having issues. Does anyone else have this issue?\r\n\r\nCustom Element:\r\n\r\n```\r\n<template>\r\n    <i class=\"fa fa-question fa-sm\"></i>\r\n</template>\r\n```\r\n\r\n```\r\nimport {customElement, bindable, inject, bindingMode} from 'aurelia-framework';\r\n\r\n@customElement('tooltiphelper')\r\n@bindable({name: 'title',       attribute: 'title',     defaultValue: 'Helper text',    defaultBindingMode: bindingMode.twoWay})\r\n@inject(Element)\r\nexport class ToolTipHelper {\r\n\r\n    constructor(element) {\r\n        this.element = element;\r\n    }\r\n\r\n    bind() \r\n    {\r\n        $(this.element).tooltip( { title: this.title, placement: 'right' } );\r\n    } \r\n}\r\n```\r\n\r\nPlace referenced:\r\n\r\n```\r\n<template>    \r\n<div class=\"row\">\r\n    <div class=\"col-sm-12\">\r\n        <div class=\"form-group\">\r\n            <label class=\"control-label\">Name</label>\r\n            <tooltiphelper title.bind=\"'Do you work?'\" />\r\n            <input disabled.bind=\"readonly\" type=\"text\" class=\"form-control\" value.bind=\"baseContent.Name\">\r\n        </div>\r\n    </div>\r\n</div>\r\n</template>\r\n```\r\n\r\nHTML Generated: Where has the input gone?\r\n\r\n```\r\n<div class=\"col-sm-12\">\r\n            <div class=\"form-group\">\r\n                <label class=\"control-label\">Name</label>\r\n                <tooltiphelper title.bind=\"'Do you work?'\" class=\"au-target\" au-target-id=\"192\" data-original-title=\"\" title=\"\"><!--<view>-->\r\n    <i class=\"fa fa-question fa-sm\"></i>\r\n<!--</view>--></tooltiphelper></div>\r\n        </div>\r\n```"},"comment":{"url":"https://api.github.com/repos/aurelia/templating/issues/comments/229297909","html_url":"https://github.com/aurelia/templating/issues/406#issuecomment-229297909","issue_url":"https://api.github.com/repos/aurelia/templating/issues/406","id":229297909,"user":{"login":"smanaton","id":4394685,"avatar_url":"https://avatars.githubusercontent.com/u/4394685?v=3","gravatar_id":"","url":"https://api.github.com/users/smanaton","html_url":"https://github.com/smanaton","followers_url":"https://api.github.com/users/smanaton/followers","following_url":"https://api.github.com/users/smanaton/following{/other_user}","gists_url":"https://api.github.com/users/smanaton/gists{/gist_id}","starred_url":"https://api.github.com/users/smanaton/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/smanaton/subscriptions","organizations_url":"https://api.github.com/users/smanaton/orgs","repos_url":"https://api.github.com/users/smanaton/repos","events_url":"https://api.github.com/users/smanaton/events{/privacy}","received_events_url":"https://api.github.com/users/smanaton/received_events","type":"User","site_admin":false},"created_at":"2016-06-29T08:57:52Z","updated_at":"2016-06-29T08:57:52Z","body":"I'm using a custom attribute for this\r\n```\r\nimport {customAttribute, inject} from 'aurelia-framework';\r\nimport 'jquery';\r\nimport 'bootstrap';\r\n\r\n@customAttribute('bootstrap-tooltip')\r\n@inject(Element)\r\nexport class BootstrapTooltip {\r\n    element:Element;\r\n    constructor(element:Element) {\r\n        this.element = element;\r\n    }\r\n    bind() {\r\n        $(this.element).tooltip();\r\n    }\r\n    unbind() {\r\n        $(this.element).tooltip('destroy');\r\n    }\r\n}\r\n```\r\n\r\nusage \r\n\r\n```\r\n<p bootstrap-tooltip title=\"tooltip\">element</p>\r\n```"}}
{"actor":{"display_login":"smanaton"}}