{"action":"opened","issue":{"url":"https://api.github.com/repos/pqx/react-frame/issues/6","repository_url":"https://api.github.com/repos/pqx/react-frame","labels_url":"https://api.github.com/repos/pqx/react-frame/issues/6/labels{/name}","comments_url":"https://api.github.com/repos/pqx/react-frame/issues/6/comments","events_url":"https://api.github.com/repos/pqx/react-frame/issues/6/events","html_url":"https://github.com/pqx/react-frame/issues/6","id":154459888,"number":6,"title":"Style tag inserted in head before <link> stylesheets (on IE browsers)","user":{"login":"maciekmp","id":605659,"avatar_url":"https://avatars.githubusercontent.com/u/605659?v=3","gravatar_id":"","url":"https://api.github.com/users/maciekmp","html_url":"https://github.com/maciekmp","followers_url":"https://api.github.com/users/maciekmp/followers","following_url":"https://api.github.com/users/maciekmp/following{/other_user}","gists_url":"https://api.github.com/users/maciekmp/gists{/gist_id}","starred_url":"https://api.github.com/users/maciekmp/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maciekmp/subscriptions","organizations_url":"https://api.github.com/users/maciekmp/orgs","repos_url":"https://api.github.com/users/maciekmp/repos","events_url":"https://api.github.com/users/maciekmp/events{/privacy}","received_events_url":"https://api.github.com/users/maciekmp/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-05-12T11:27:56Z","updated_at":"2016-05-12T11:27:56Z","closed_at":null,"body":"Hey,\r\n\r\nI am using newest version of this component. It warks great but I found one little issue. In my iframe I have base styles in files and few customized added to iframe via css prop. On IE <style> tag is the first element in <head> - on other browsers is after <link> tags.\r\n\r\nRight now I use setTimeout to delay adding <style> to head but maybe someone know better solution.\r\n\r\n`\r\nrenderFrame: function renderFrame() {\r\n    var frame = ReactDOM.findDOMNode(this);\r\n    this.head = frame.contentDocument.head;\r\n    this.body = frame.contentDocument.body;\r\n\r\n    this.updateStylesheets(this.props.styleSheets);\r\n    setTimeout(function(){\r\n      this.updateCss(this.props.css);\r\n    }.bind(this),0);\r\n\r\n    ReactDOM.render(this._children, this.body);\r\n  },\r\n`"}}