{"action":"closed","issue":{"url":"https://api.github.com/repos/Polymer/lit-html/issues/389","repository_url":"https://api.github.com/repos/Polymer/lit-html","labels_url":"https://api.github.com/repos/Polymer/lit-html/issues/389/labels{/name}","comments_url":"https://api.github.com/repos/Polymer/lit-html/issues/389/comments","events_url":"https://api.github.com/repos/Polymer/lit-html/issues/389/events","html_url":"https://github.com/Polymer/lit-html/issues/389","id":338957671,"node_id":"MDU6SXNzdWUzMzg5NTc2NzE=","number":389,"title":"is there something render method which mixed shady-render and lit-extended ?","user":{"login":"takahiro-saeki","id":12716827,"node_id":"MDQ6VXNlcjEyNzE2ODI3","avatar_url":"https://avatars3.githubusercontent.com/u/12716827?v=4","gravatar_id":"","url":"https://api.github.com/users/takahiro-saeki","html_url":"https://github.com/takahiro-saeki","followers_url":"https://api.github.com/users/takahiro-saeki/followers","following_url":"https://api.github.com/users/takahiro-saeki/following{/other_user}","gists_url":"https://api.github.com/users/takahiro-saeki/gists{/gist_id}","starred_url":"https://api.github.com/users/takahiro-saeki/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/takahiro-saeki/subscriptions","organizations_url":"https://api.github.com/users/takahiro-saeki/orgs","repos_url":"https://api.github.com/users/takahiro-saeki/repos","events_url":"https://api.github.com/users/takahiro-saeki/events{/privacy}","received_events_url":"https://api.github.com/users/takahiro-saeki/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-07-06T14:20:56Z","updated_at":"2018-07-07T03:49:02Z","closed_at":"2018-07-07T03:49:02Z","author_association":"NONE","body":"I have a question. When I try to use `lib/shady-render` , I wanted to add `on-click` handler, so I wanna use `lit-html/lib/lit-extended` for it. but Both are different method so I can't use same time.\r\nIs there something resolution ? \r\nJust in case, I'm gonna put my example code as below.\r\n\r\n```js\r\nimport { html } from 'lit-html';\r\nimport { render } from 'lit-html/lib/shady-render.js';\r\n//import { render } from 'lit-html/lib/lit-extended.js';\r\n\r\nclass Header extends HTMLElement {\r\n  constructor() {\r\n    super()\r\n    this.shadow = this.attachShadow({mode: 'open'});\r\n  }\r\n\r\n  template() {\r\n    return html`<style>\r\n    header {\r\n      background: #00acc1;\r\n      box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),\r\n        0px 4px 5px 0px rgba(0, 0, 0, 0.14),\r\n        0px 1px 10px 0px rgba(0, 0, 0, 0.12);\r\n      color: #FFF;\r\n      padding: 1rem;\r\n      font-size: 1rem;\r\n    }\r\n\r\n    nav {\r\n      width: 100%;\r\n      display: flex;\r\n    }\r\n\r\n    div {\r\n      background: red;\r\n    }\r\n    </style>\r\n    <header on-click=\"${() => console.log('does not work when I use shady-render.')}\">\r\n    <nav>\r\n    <slot />\r\n    </nav>\r\n    </header>`\r\n  }\r\n\r\n  render() {\r\n    render(this.template(), this.shadow, 'sample')\r\n  }\r\n\r\n  connectedCallback() {\r\n    this.render()\r\n  }\r\n}\r\n\r\ncustomElements.define('app-header', Header);\r\n\r\n```"}}
{"actor":{"display_login":"takahiro-saeki"}}