{"action":"created","issue":{"url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/80","labels_url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/80/labels{/name}","comments_url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/80/comments","events_url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/80/events","html_url":"https://github.com/monarch-initiative/phenogrid/issues/80","id":91351250,"number":80,"title":"X labels overlaping - Only in npm version","user":{"login":"yuanzhou","id":195873,"avatar_url":"https://avatars.githubusercontent.com/u/195873?v=3","gravatar_id":"","url":"https://api.github.com/users/yuanzhou","html_url":"https://github.com/yuanzhou","followers_url":"https://api.github.com/users/yuanzhou/followers","following_url":"https://api.github.com/users/yuanzhou/following{/other_user}","gists_url":"https://api.github.com/users/yuanzhou/gists{/gist_id}","starred_url":"https://api.github.com/users/yuanzhou/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yuanzhou/subscriptions","organizations_url":"https://api.github.com/users/yuanzhou/orgs","repos_url":"https://api.github.com/users/yuanzhou/repos","events_url":"https://api.github.com/users/yuanzhou/events{/privacy}","received_events_url":"https://api.github.com/users/yuanzhou/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/monarch-initiative/phenogrid/labels/bug","name":"bug","color":"fc2929"}],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-06-26T20:13:12Z","updated_at":"2015-06-29T15:51:50Z","closed_at":"2015-06-29T15:51:50Z","body":"![capture](https://cloud.githubusercontent.com/assets/195873/8386408/0b7859de-1c1e-11e5-8c22-bf84500de307.PNG)\r\n\r\nI’m refining the npm version of phenogrid, and for some unknown reason, when I drag the shaded bar in the overview region, the x labels get overlapped. This doesn’t not happen to the mater version, and I tried to copy the code from master and converted it into the npm version, still have this issue. "},"comment":{"url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/comments/116739308","html_url":"https://github.com/monarch-initiative/phenogrid/issues/80#issuecomment-116739308","issue_url":"https://api.github.com/repos/monarch-initiative/phenogrid/issues/80","id":116739308,"user":{"login":"yuanzhou","id":195873,"avatar_url":"https://avatars.githubusercontent.com/u/195873?v=3","gravatar_id":"","url":"https://api.github.com/users/yuanzhou","html_url":"https://github.com/yuanzhou","followers_url":"https://api.github.com/users/yuanzhou/followers","following_url":"https://api.github.com/users/yuanzhou/following{/other_user}","gists_url":"https://api.github.com/users/yuanzhou/gists{/gist_id}","starred_url":"https://api.github.com/users/yuanzhou/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yuanzhou/subscriptions","organizations_url":"https://api.github.com/users/yuanzhou/orgs","repos_url":"https://api.github.com/users/yuanzhou/repos","events_url":"https://api.github.com/users/yuanzhou/events{/privacy}","received_events_url":"https://api.github.com/users/yuanzhou/received_events","type":"User","site_admin":false},"created_at":"2015-06-29T15:51:50Z","updated_at":"2015-06-29T15:51:50Z","body":"Fixed. Due to incorrect use of CSS class in D3 selector in `_clearXLabels()`\r\n\r\nIt was \r\n````javascript\r\nthis.state.svg.selectAll(\"g .x.axis\").remove();\r\n````\r\n\r\nAnd it should be\r\n````javascript\r\nthis.state.svg.selectAll(\"g.x\").remove();\r\n````\r\n\r\nCSS classes x and axis are both used for the g element, they shouldn't be used together in selector."}}