Semantic-Org/Semantic-UI-React
Tab: in vertical mode with renderActiveOnly styling broken for all content except first tab
开放
#3,412 创建于 2019年2月2日
bughelp wantedstale
仓库指标
- 星标
- (13,136 个星标)
- PR 合并指标
- (PR 指标待抓取)
描述
Bug Report
Steps
Create a tab in vertical mode with renderActive Only set to false
import React from 'react'
import { Tab } from 'semantic-ui-react'
const panes = [
{ menuItem: 'Tab 1', pane: 'Tab 1 Content' },
{ menuItem: 'Tab 2', pane: 'Tab 2 Content' },
{ menuItem: 'Tab 3', pane: 'Tab 3 Content' },
]
const TabExampleBasicAll = () => <Tab panes={panes} menu={{vertical: true, fluid: true}} renderActiveOnly={false} />
export default TabExampleBasicAll
Expected Result
Outer box for all content items should be the same.
Actual Result
When you navigate to any item other than the first, the top border is not shown
Version
0.84.0
Testcase
https://codesandbox.io/s/825yxr5zn0