{"action":"created","issue":{"url":"https://api.github.com/repos/styled-components/styled-components/issues/659","repository_url":"https://api.github.com/repos/styled-components/styled-components","labels_url":"https://api.github.com/repos/styled-components/styled-components/issues/659/labels{/name}","comments_url":"https://api.github.com/repos/styled-components/styled-components/issues/659/comments","events_url":"https://api.github.com/repos/styled-components/styled-components/issues/659/events","html_url":"https://github.com/styled-components/styled-components/issues/659","id":219974042,"node_id":"MDU6SXNzdWUyMTk5NzQwNDI=","number":659,"title":"Custom StyleSheet injection target","user":{"login":"bthallion","id":10246286,"node_id":"MDQ6VXNlcjEwMjQ2Mjg2","avatar_url":"https://avatars1.githubusercontent.com/u/10246286?v=4","gravatar_id":"","url":"https://api.github.com/users/bthallion","html_url":"https://github.com/bthallion","followers_url":"https://api.github.com/users/bthallion/followers","following_url":"https://api.github.com/users/bthallion/following{/other_user}","gists_url":"https://api.github.com/users/bthallion/gists{/gist_id}","starred_url":"https://api.github.com/users/bthallion/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bthallion/subscriptions","organizations_url":"https://api.github.com/users/bthallion/orgs","repos_url":"https://api.github.com/users/bthallion/repos","events_url":"https://api.github.com/users/bthallion/events{/privacy}","received_events_url":"https://api.github.com/users/bthallion/received_events","type":"User","site_admin":false},"labels":[{"id":461725494,"node_id":"MDU6TGFiZWw0NjE3MjU0OTQ=","url":"https://api.github.com/repos/styled-components/styled-components/labels/discussion%20:speaking_head:","name":"discussion :speaking_head:","color":"c5def5","default":false},{"id":425493751,"node_id":"MDU6TGFiZWw0MjU0OTM3NTE=","url":"https://api.github.com/repos/styled-components/styled-components/labels/enhancement%20:sparkles:","name":"enhancement :sparkles:","color":"1d76db","default":false}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":35,"created_at":"2017-04-06T17:34:41Z","updated_at":"2018-10-02T11:55:17Z","closed_at":"2018-07-13T18:37:41Z","author_association":"NONE","body":"Is it possible to insert the generated stylesheet into an element of a shadow DOM rather than the parent document? I'd like to use this library but that doesn't seem to be possible."},"comment":{"url":"https://api.github.com/repos/styled-components/styled-components/issues/comments/426245795","html_url":"https://github.com/styled-components/styled-components/issues/659#issuecomment-426245795","issue_url":"https://api.github.com/repos/styled-components/styled-components/issues/659","id":426245795,"node_id":"MDEyOklzc3VlQ29tbWVudDQyNjI0NTc5NQ==","user":{"login":"byzg","id":5371347,"node_id":"MDQ6VXNlcjUzNzEzNDc=","avatar_url":"https://avatars2.githubusercontent.com/u/5371347?v=4","gravatar_id":"","url":"https://api.github.com/users/byzg","html_url":"https://github.com/byzg","followers_url":"https://api.github.com/users/byzg/followers","following_url":"https://api.github.com/users/byzg/following{/other_user}","gists_url":"https://api.github.com/users/byzg/gists{/gist_id}","starred_url":"https://api.github.com/users/byzg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/byzg/subscriptions","organizations_url":"https://api.github.com/users/byzg/orgs","repos_url":"https://api.github.com/users/byzg/repos","events_url":"https://api.github.com/users/byzg/events{/privacy}","received_events_url":"https://api.github.com/users/byzg/received_events","type":"User","site_admin":false},"created_at":"2018-10-02T11:55:17Z","updated_at":"2018-10-02T11:55:17Z","author_association":"NONE","body":"@jacek213 thanks a lot. I can't use React 16+ (I use 15.6) by some reasons, so you solution works for me. I just want to note that [attachShadow](https://caniuse.com/#search=attachShadow) has low browser support, so I've made like:\r\n\r\n```javascript\r\n    const wrapper = document.createElement('div');\r\n    const styleContainer = document.createElement('div');\r\n    const offerContainer = document.createElement('div');\r\n\r\n    wrapper.appendChild(styleContainer);\r\n    wrapper.appendChild(offerContainer);\r\n\r\n    const Root = () => (\r\n      <StyleSheetManager target={styleContainer}>\r\n        <MyComponent />\r\n      </StyleSheetManager>\r\n    );\r\n\r\n    ReactDOM.render(<Root />, offerContainer);\r\n```"}}
{"actor":{"display_login":"byzg"}}