Tabs Component Content Disappears on Smaller Screens

Technical Q&A

Topic summary

Issue: Content inside a Tabs component disappears when the viewport is narrower than 1008px. The older LegacyTabs does not exhibit this behavior.

Details:

  • The reporter suspects a responsive rule but cannot find the CSS media query causing it. (A media query applies CSS at specific screen widths.)
  • The problem is reproducible only with the newer Tabs component, suggesting a component- or stylesheet-specific breakpoint.

Requests and materials:

Status/Next steps:

  • No fix or root cause identified yet.
  • Thread remains open; a live URL or code snippet is needed for deeper analysis to locate the breakpoint or conflicting CSS.
Summarized with AI on January 14. AI used: gpt-5.
1

Inner contents of Tabs component disappear when screen width is smaller than 1008 px.

I could not identify media query responsible for this.

This does not happen with LegacyTabs, only with Tabs.

Has anyone else experienced same thing or can suggest a solution to this?

2

Hello @tinapark ,

Please share the URL

Thanks

3

Here is recording of this phenomenon, thank you

https://www.loom.com/share/0283a9c628ea49d5b84b086b6f8e0fce?sid=5a2aeabd-c37b-482c-810d-f2a76b65b6b8