Skip to content

perf: isolate docs tab panes with CSS display:none to prevent unmount…#253

Open
bigvictoh wants to merge 1 commit into
StellarFlow-Network:mainfrom
bigvictoh:feat/232-css-tab-isolation-docs
Open

perf: isolate docs tab panes with CSS display:none to prevent unmount…#253
bigvictoh wants to merge 1 commit into
StellarFlow-Network:mainfrom
bigvictoh:feat/232-css-tab-isolation-docs

Conversation

@bigvictoh
Copy link
Copy Markdown

… cycles, closes #232

perf: isolate docs code tab panes with CSS display:none

Switching between Rust/JS snippet tabs was triggering full unmount-remount
cycles, causing unnecessary style recalculations and dropped animation frames.

Changes:

  • Refactored the code-switching block in src/app/docs/page.tsx to render all
    tab panes once on initialization and toggle visibility via display: none
    on inactive panes instead of conditional short-circuit mapping
  • Layout tree is preserved across tab switches — no DOM teardown, no reflow

Closes #232

@drips-wave
Copy link
Copy Markdown

drips-wave Bot commented May 29, 2026

@bigvictoh Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

⚡ Perf | Isolating Active Tab Sub-Trees in Developer Docs

2 participants