{"action":"created","issue":{"url":"https://api.github.com/repos/BosNaufal/react-scrollbar/issues/12","repository_url":"https://api.github.com/repos/BosNaufal/react-scrollbar","labels_url":"https://api.github.com/repos/BosNaufal/react-scrollbar/issues/12/labels{/name}","comments_url":"https://api.github.com/repos/BosNaufal/react-scrollbar/issues/12/comments","events_url":"https://api.github.com/repos/BosNaufal/react-scrollbar/issues/12/events","html_url":"https://github.com/BosNaufal/react-scrollbar/issues/12","id":203770196,"number":12,"title":"horizontal scrollbar not appearing","user":{"login":"developer94404","id":22160000,"avatar_url":"https://avatars.githubusercontent.com/u/22160000?v=3","gravatar_id":"","url":"https://api.github.com/users/developer94404","html_url":"https://github.com/developer94404","followers_url":"https://api.github.com/users/developer94404/followers","following_url":"https://api.github.com/users/developer94404/following{/other_user}","gists_url":"https://api.github.com/users/developer94404/gists{/gist_id}","starred_url":"https://api.github.com/users/developer94404/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/developer94404/subscriptions","organizations_url":"https://api.github.com/users/developer94404/orgs","repos_url":"https://api.github.com/users/developer94404/repos","events_url":"https://api.github.com/users/developer94404/events{/privacy}","received_events_url":"https://api.github.com/users/developer94404/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2017-01-28T00:03:57Z","updated_at":"2017-01-28T04:40:30Z","closed_at":null,"body":"Hi, thanks for your excellent component. I dropped it in and it was instantaneously working with vertical scroll.\r\n\r\nHowever, I am not able to get horizontal scroll to appear. Do you have any tips?\r\n\r\nMy data is overflowing in horizontal direction; if use native css scroll enable, the browser horizontal scrollbar does show up.\r\n\r\n\r\nThanks for any help!\r\n\r\nI am using your component like this:\r\n\r\n```\r\nrender: function() {\r\n   return (\r\n     <ReactScrollbar style={{width:\"100%\", height:\"100%\"}}>\r\n         <div id=\"blah\">\r\n          // some text data here\r\n         </div>\r\n     </ReactScrollbar>\r\n}\r\n```\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/BosNaufal/react-scrollbar/issues/comments/275827029","html_url":"https://github.com/BosNaufal/react-scrollbar/issues/12#issuecomment-275827029","issue_url":"https://api.github.com/repos/BosNaufal/react-scrollbar/issues/12","id":275827029,"user":{"login":"UsulPro","id":14885189,"avatar_url":"https://avatars.githubusercontent.com/u/14885189?v=3","gravatar_id":"","url":"https://api.github.com/users/UsulPro","html_url":"https://github.com/UsulPro","followers_url":"https://api.github.com/users/UsulPro/followers","following_url":"https://api.github.com/users/UsulPro/following{/other_user}","gists_url":"https://api.github.com/users/UsulPro/gists{/gist_id}","starred_url":"https://api.github.com/users/UsulPro/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/UsulPro/subscriptions","organizations_url":"https://api.github.com/users/UsulPro/orgs","repos_url":"https://api.github.com/users/UsulPro/repos","events_url":"https://api.github.com/users/UsulPro/events{/privacy}","received_events_url":"https://api.github.com/users/UsulPro/received_events","type":"User","site_admin":false},"created_at":"2017-01-28T04:40:30Z","updated_at":"2017-01-28T04:40:30Z","body":"but is your content inside scrollbar has width bigger than scrollbar area? It's a reason for horisontal scroll appearing. Usualy `div` with a text fits for 100% of a parent width.\r\nCould you try:\r\n\r\n```\r\n<ReactScrollbar style={{width: 200, height:\"100%\"}}>\r\n         <div id=\"blah\" style={{width: 400}}>\r\n          // some text data here\r\n         </div>\r\n     </ReactScrollbar>\r\n```\r\n"}}
{"actor":{"display_login":"UsulPro"}}