[NEXTJS]: Tabs Extended with Media (React Wrapper) - G100 page - accordion's first tab content not displaying as expected

[annawen1]

Description

Current: The first tab's content is not displaying on page load.

Expecting the Tabs Extended with Media to display first tab's content upon loading page.

When user does have the content of the tabs open, the content isn't aligned properly

Component(s) impacted

Tabs Extended with Media - React Wrapper

Browser

Safari

Carbon for IBM.com version

1.30.0-rc.0

Severity

Severity 3 = The problem is visible or noticeable to users but does not impede the usability or functionality. Affects minor functionality, has a workaround.

Application/website

https://ibmdotcom-nextjs-staging.mybluemix.net/g100-theme-example.html

Package

@carbon/ibmdotcom-web-components

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate issues

[stale]

We've marked this issue as stale because there hasn't been any activity for 60 days. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

We've marked this issue as stale because there hasn't been any activity for 60 days. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.