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

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

[forsythe]

As a temporary workaround, I’m applying attached={false} style={{marginTop: 0}} to each pane for now.

[stale[bot]]

There has been no activity in this thread for 180 days. While we care about every issue and we’d love to see this fixed, the core team’s time is limited so we have to focus our attention on the issues that are most pressing. Therefore, we will likely not be able to get to this one.

However, PRs for this issue will of course be accepted and welcome!

If there is no more activity in the next 180 days, this issue will be closed automatically for housekeeping. To prevent this, simply leave a reply here. Thanks!