{"action":"opened","issue":{"url":"https://api.github.com/repos/react-component/tabs/issues/112","repository_url":"https://api.github.com/repos/react-component/tabs","labels_url":"https://api.github.com/repos/react-component/tabs/issues/112/labels{/name}","comments_url":"https://api.github.com/repos/react-component/tabs/issues/112/comments","events_url":"https://api.github.com/repos/react-component/tabs/issues/112/events","html_url":"https://github.com/react-component/tabs/issues/112","id":293585861,"number":112,"title":"ScrollableInkTabBar - Left right tab arrows are not visible","user":{"login":"pramodkumar-dcpl","id":20681484,"avatar_url":"https://avatars0.githubusercontent.com/u/20681484?v=4","gravatar_id":"","url":"https://api.github.com/users/pramodkumar-dcpl","html_url":"https://github.com/pramodkumar-dcpl","followers_url":"https://api.github.com/users/pramodkumar-dcpl/followers","following_url":"https://api.github.com/users/pramodkumar-dcpl/following{/other_user}","gists_url":"https://api.github.com/users/pramodkumar-dcpl/gists{/gist_id}","starred_url":"https://api.github.com/users/pramodkumar-dcpl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pramodkumar-dcpl/subscriptions","organizations_url":"https://api.github.com/users/pramodkumar-dcpl/orgs","repos_url":"https://api.github.com/users/pramodkumar-dcpl/repos","events_url":"https://api.github.com/users/pramodkumar-dcpl/events{/privacy}","received_events_url":"https://api.github.com/users/pramodkumar-dcpl/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-02-01T16:03:47Z","updated_at":"2018-02-01T16:03:47Z","closed_at":null,"author_association":"NONE","body":"I have implemented Scrollable tabs. Few days ago, left right arrows were showing properly and functional. But now these stops working. Here is the code implemented for tabs:-\r\n\r\n<Tabs activeKey={activeTabIndex.toString()} onChange={this.onTabChange.bind(this)}\r\n\t\t\t\t\t\trenderTabBar={() => <ScrollableInkTabBar className='scrollable-tab-bar'\r\n\t\t\t\t\t\t\textraContent={<button type=\"button\" onClick={this.onAddTabClick.bind(this)} className='btn btn-add-tab'>\r\n\t\t\t\t\t\t\t\t<i className='fa fa-plus fa-2x'></i>\r\n\t\t\t\t\t\t\t</button>} />}\r\n\t\t\t\t\t\trenderTabContent={() => <TabContent />}>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\ttabLayout.map(function (tabItem, index) {\r\n\t\t\t\t\t\t\t\treturn <TabPane forceRender={true} tab={tabItem.nameTab} key={index}> <div className=\"chip-body\">{this.getTabItem(tabItem)}</div></TabPane>\r\n\t\t\t\t\t\t\t}, this)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</Tabs>\r\n\r\n\r\n\r\n\r\nThe current version of rc-tabs i am using is 9.1.10 but i have tried it with upgrade package to 9.2.0 as well but issue remain same. Here are the attached snapshot(For both UI and HTML rendered\r\n![tabs-html-rendered-showing-unselectable](https://user-images.githubusercontent.com/20681484/35688589-8445dfbe-0797-11e8-9021-c48ccc25a34a.png)\r\n![tabs-arrow-invisible](https://user-images.githubusercontent.com/20681484/35688590-84881f8c-0797-11e8-8aad-ac438989cd1d.png)\r\n\r\n:-\r\n"}}
{"actor":{"display_login":"pramodkumar-dcpl"}}