Intermittent issue in Safari browser when I open a Tearsheet containing 2 tabs

[leenu-r]

What package(s) are you using?

• [x] Carbon for IBM Products (or Carbon for IBM Cloud & Cognitive)
• [ ] Legacy/CDAI
• [ ] Legacy/Security

Detailed description

Sometimes an intermittent issue pops up in Safari browser when I open a Tearsheet with 2 tabs as shown in the screenshot below :

Is this issue related to a specific component? Tearsheet component having tabs inside. I have attached code sandbox link to test.

What browser are you working in? Safari 16.3

What version of the @carbon/ibm-products (or @carbon/ibm-cloud-cognitive) 2.0.0-rc.6

package are you using?

"dependencies": {
"@carbon/elements": "^10",
"@carbon/ibm-products": "2.0.0-rc.6",
"@carbon/icons-react": "11.13.0",
"@carbon/react": "1.18.0",
"carbon-components": "10.58.6",
"carbon-components-react": "8.34.0",
"react": "^17",
"react-dom": "^17",
"react-scripts": "^5",
"sass": "latest"
}

> What offering/product do you work on? Any pressing ship or release dates we
> should be aware of?

## Steps to reproduce the issue

1. Step one
2. Step two
3. Step three
4. etc.

> Please create a reduced test case in CodeSandbox
> https://codesandbox.io/s/proud-frost-5zvthy?file=/src/Example/Example.js

## Additional information

- Screenshots or code
- Notes - It is an intermittent issue. I couldn't replicate it every time when I open the `<Tearsheet/>`

[elycheea]

@leenu-r Wanted to check if you have still been seeing this issue.

Your dependencies also show you are using both Carbon 10 and Carbon 11 versions! @carbon/ibm-products from version 2 should be used with @carbon/react, but most likely you do not need @carbon/elements or carbon-components@10 unless you are working on an incremental migration.