{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react/issues/14154","repository_url":"https://api.github.com/repos/facebook/react","labels_url":"https://api.github.com/repos/facebook/react/issues/14154/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react/issues/14154/comments","events_url":"https://api.github.com/repos/facebook/react/issues/14154/events","html_url":"https://github.com/facebook/react/issues/14154","id":378847495,"node_id":"MDU6SXNzdWUzNzg4NDc0OTU=","number":14154,"title":"Portals created dynamically exist outside of main tree","user":{"login":"seanlandsman","id":1329081,"node_id":"MDQ6VXNlcjEzMjkwODE=","avatar_url":"https://avatars0.githubusercontent.com/u/1329081?v=4","gravatar_id":"","url":"https://api.github.com/users/seanlandsman","html_url":"https://github.com/seanlandsman","followers_url":"https://api.github.com/users/seanlandsman/followers","following_url":"https://api.github.com/users/seanlandsman/following{/other_user}","gists_url":"https://api.github.com/users/seanlandsman/gists{/gist_id}","starred_url":"https://api.github.com/users/seanlandsman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/seanlandsman/subscriptions","organizations_url":"https://api.github.com/users/seanlandsman/orgs","repos_url":"https://api.github.com/users/seanlandsman/repos","events_url":"https://api.github.com/users/seanlandsman/events{/privacy}","received_events_url":"https://api.github.com/users/seanlandsman/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-11-08T17:50:05Z","updated_at":"2018-11-21T01:09:56Z","closed_at":null,"author_association":"NONE","body":"<!--\r\n  Note: if the issue is about documentation or the website, please file it at:\r\n  https://github.com/reactjs/reactjs.org/issues/new\r\n-->\r\n\r\n**Do you want to request a *feature* or report a *bug*?**\r\n\r\nBug\r\n\r\n**What is the current behavior?**\r\n\r\nWhen using a library that creates provided React Components dynamically and renders them using Portals then the components are rendered as expected, but exist outside of the main react tree.\r\n\r\nSee screenshot here:\r\n\r\n![image](https://user-images.githubusercontent.com/1329081/48217006-1d31fd80-e37e-11e8-886b-2babec1d1db9.png)\r\n\r\n**If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Paste the link to your JSFiddle (https://jsfiddle.net/Luktwrdm/) or CodeSandbox (https://codesandbox.io/s/new) example below:**\r\nI've create a repro of the problem here: https://github.com/seanlandsman/dynamic-react-components.git\r\n\r\nyarn install\r\nnpm start\r\n\r\nThen using react devtools inspect the created React components\r\n\r\nThis is a trimmed down/simplified example, but it illustrates the problem I'm seeing.\r\n\r\n**What is the expected behavior?**\r\n\r\nThe dynamically rendered components should exist within the main/parent React application\r\n\r\n**Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?**\r\n\r\nreact: 16.6.1\r\nreact-dom: 16.6.1\r\nreact-scripts: 2.1.1\r\n"},"comment":{"url":"https://api.github.com/repos/facebook/react/issues/comments/440490731","html_url":"https://github.com/facebook/react/issues/14154#issuecomment-440490731","issue_url":"https://api.github.com/repos/facebook/react/issues/14154","id":440490731,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0MDQ5MDczMQ==","user":{"login":"markerikson","id":1128784,"node_id":"MDQ6VXNlcjExMjg3ODQ=","avatar_url":"https://avatars1.githubusercontent.com/u/1128784?v=4","gravatar_id":"","url":"https://api.github.com/users/markerikson","html_url":"https://github.com/markerikson","followers_url":"https://api.github.com/users/markerikson/followers","following_url":"https://api.github.com/users/markerikson/following{/other_user}","gists_url":"https://api.github.com/users/markerikson/gists{/gist_id}","starred_url":"https://api.github.com/users/markerikson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/markerikson/subscriptions","organizations_url":"https://api.github.com/users/markerikson/orgs","repos_url":"https://api.github.com/users/markerikson/repos","events_url":"https://api.github.com/users/markerikson/events{/privacy}","received_events_url":"https://api.github.com/users/markerikson/received_events","type":"User","site_admin":false},"created_at":"2018-11-21T01:09:56Z","updated_at":"2018-11-21T01:09:56Z","author_association":"NONE","body":"This seems like it's simply a DevTools visualization concern?\r\n\r\nI can make arguments both ways.  On the one hand, the `<Portal>` itself is being rendered deep inside the original component tree.  On the other hand, it's conceptually \"outside\" the current tree to some extent.\r\n\r\nEither way, this doesn't seem like a bug in React."}}
{"actor":{"display_login":"markerikson"}}