{"action":"created","issue":{"url":"https://api.github.com/repos/Theadd/react-panels/issues/16","labels_url":"https://api.github.com/repos/Theadd/react-panels/issues/16/labels{/name}","comments_url":"https://api.github.com/repos/Theadd/react-panels/issues/16/comments","events_url":"https://api.github.com/repos/Theadd/react-panels/issues/16/events","html_url":"https://github.com/Theadd/react-panels/issues/16","id":73858294,"number":16,"title":"z-order for floatingPanel","user":{"login":"yapcheahshen","id":1085366,"avatar_url":"https://avatars.githubusercontent.com/u/1085366?v=3","gravatar_id":"","url":"https://api.github.com/users/yapcheahshen","html_url":"https://github.com/yapcheahshen","followers_url":"https://api.github.com/users/yapcheahshen/followers","following_url":"https://api.github.com/users/yapcheahshen/following{/other_user}","gists_url":"https://api.github.com/users/yapcheahshen/gists{/gist_id}","starred_url":"https://api.github.com/users/yapcheahshen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yapcheahshen/subscriptions","organizations_url":"https://api.github.com/users/yapcheahshen/orgs","repos_url":"https://api.github.com/users/yapcheahshen/repos","events_url":"https://api.github.com/users/yapcheahshen/events{/privacy}","received_events_url":"https://api.github.com/users/yapcheahshen/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-05-07T06:05:19Z","updated_at":"2015-05-07T08:27:50Z","closed_at":null,"body":"Please give me a guideline to implement z-order for floatingPanel,\r\nwhich means click on floatingPanel caption or receive input focus bring it to front."},"comment":{"url":"https://api.github.com/repos/Theadd/react-panels/issues/comments/99771224","html_url":"https://github.com/Theadd/react-panels/issues/16#issuecomment-99771224","issue_url":"https://api.github.com/repos/Theadd/react-panels/issues/16","id":99771224,"user":{"login":"Theadd","id":78041,"avatar_url":"https://avatars.githubusercontent.com/u/78041?v=3","gravatar_id":"","url":"https://api.github.com/users/Theadd","html_url":"https://github.com/Theadd","followers_url":"https://api.github.com/users/Theadd/followers","following_url":"https://api.github.com/users/Theadd/following{/other_user}","gists_url":"https://api.github.com/users/Theadd/gists{/gist_id}","starred_url":"https://api.github.com/users/Theadd/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Theadd/subscriptions","organizations_url":"https://api.github.com/users/Theadd/orgs","repos_url":"https://api.github.com/users/Theadd/repos","events_url":"https://api.github.com/users/Theadd/events{/privacy}","received_events_url":"https://api.github.com/users/Theadd/received_events","type":"User","site_admin":false},"created_at":"2015-05-07T08:27:50Z","updated_at":"2015-05-07T08:27:50Z","body":"Well, it might not be the best way of doing it but it's a fast solution.\r\nreplace the following highlighted lines of code ([2 lines](https://github.com/Theadd/react-panels/blob/master/src/jsx/panel.js#L97-L98)) with:\r\n```jsx\r\n    return React.createElement(\"div\", {style: wrapperStyle, onMouseDown: this.handleMouseDown}, this.inner);\r\n  },\r\n\r\n  handleMouseDown: function (e) {\r\n    if (typeof this.props.onMouseDown === \"function\") {\r\n      this.props.onMouseDown(e);\r\n    }\r\n  }\r\n```\r\n\r\nAnd [this is an example](https://gist.github.com/Theadd/e38c2308f097ef255046) using it."}}