{"action":"created","issue":{"url":"https://api.github.com/repos/reagent-project/reagent/issues/280","repository_url":"https://api.github.com/repos/reagent-project/reagent","labels_url":"https://api.github.com/repos/reagent-project/reagent/issues/280/labels{/name}","comments_url":"https://api.github.com/repos/reagent-project/reagent/issues/280/comments","events_url":"https://api.github.com/repos/reagent-project/reagent/issues/280/events","html_url":"https://github.com/reagent-project/reagent/issues/280","id":196651320,"number":280,"title":"DOMException in interaction between semantic-ui and reagent","user":{"login":"danceasarxx","id":4183766,"avatar_url":"https://avatars.githubusercontent.com/u/4183766?v=3","gravatar_id":"","url":"https://api.github.com/users/danceasarxx","html_url":"https://github.com/danceasarxx","followers_url":"https://api.github.com/users/danceasarxx/followers","following_url":"https://api.github.com/users/danceasarxx/following{/other_user}","gists_url":"https://api.github.com/users/danceasarxx/gists{/gist_id}","starred_url":"https://api.github.com/users/danceasarxx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/danceasarxx/subscriptions","organizations_url":"https://api.github.com/users/danceasarxx/orgs","repos_url":"https://api.github.com/users/danceasarxx/repos","events_url":"https://api.github.com/users/danceasarxx/events{/privacy}","received_events_url":"https://api.github.com/users/danceasarxx/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2016-12-20T11:37:51Z","updated_at":"2016-12-21T19:33:20Z","closed_at":null,"body":"reagent version `0.6.0`\r\n\r\nI am currently using semantic-ui with reagent for a modal component.\r\n```clojure\r\n(defn component []\r\n  (reagent/create-class {:component-did-mount #(.modal (js/$ \"#app-node\") \"show\")\r\n                                      :reagent-render #([:div#app-node.modal.ui [:div.header \"Modal Header\"]])}))\r\n\r\n(defn main-component []\r\n  [:div.ui.container\r\n   [component]])\r\n```\r\n\r\nI noticed anytime I closed the modal it raises this error\r\n\r\n```\r\nUncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.\r\n    at removeChild (http://localhost:3000/out/react.inc.js:1273:14)\r\n    at Object.processUpdates (http://localhost:3000/out/react.inc.js:1389:11)\r\n    at Object.dangerouslyProcessChildrenUpdates [as processChildrenUpdates] (http://localhost:3000/out/react.inc.js:8335:27)\r\n```\r\n\r\nAfter setting a breakpoint on removeChild, it so happens that this exception gets thrown only when it's removing `#app-node`. Suggesting that semantic-ui somehow is causing some problems."},"comment":{"url":"https://api.github.com/repos/reagent-project/reagent/issues/comments/268618051","html_url":"https://github.com/reagent-project/reagent/issues/280#issuecomment-268618051","issue_url":"https://api.github.com/repos/reagent-project/reagent/issues/280","id":268618051,"user":{"login":"danceasarxx","id":4183766,"avatar_url":"https://avatars.githubusercontent.com/u/4183766?v=3","gravatar_id":"","url":"https://api.github.com/users/danceasarxx","html_url":"https://github.com/danceasarxx","followers_url":"https://api.github.com/users/danceasarxx/followers","following_url":"https://api.github.com/users/danceasarxx/following{/other_user}","gists_url":"https://api.github.com/users/danceasarxx/gists{/gist_id}","starred_url":"https://api.github.com/users/danceasarxx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/danceasarxx/subscriptions","organizations_url":"https://api.github.com/users/danceasarxx/orgs","repos_url":"https://api.github.com/users/danceasarxx/repos","events_url":"https://api.github.com/users/danceasarxx/events{/privacy}","received_events_url":"https://api.github.com/users/danceasarxx/received_events","type":"User","site_admin":false},"created_at":"2016-12-21T19:33:20Z","updated_at":"2016-12-21T19:33:20Z","body":"That's the problem, I have never experienced this problem beyond using this semantic-ui modal. In fact I find this difficult to reproduce sometimes(as I don't know when removeChild will be called). And the reason for jQuery is that semantic basically creates a jquery plugin for the modal. Hence this problem only ever exists because semantic UI does some work on this node(at least I think so)"}}
{"actor":{"display_login":"danceasarxx"}}