Semantic-Org/Semantic-UI-React

Tab: in vertical mode with renderActiveOnly styling broken for all content except first tab

Open

#3,412 创建于 2019年2月2日

在 GitHub 查看
 (6 评论) (0 反应) (0 负责人)JavaScript (4,065 fork)batch import
bughelp wantedstale

仓库指标

Star
 (13,136 star)
PR 合并指标
 (30 天内没有已合并 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

Screenshots

贡献者指南