Skip to content

fix: resolve tab flickering when switching between requests#6825

Merged
bijin-bruno merged 1 commit intousebruno:mainfrom
gopu-bruno:fix/tab-flickering-on-switch-6797
Jan 16, 2026
Merged

fix: resolve tab flickering when switching between requests#6825
bijin-bruno merged 1 commit intousebruno:mainfrom
gopu-bruno:fix/tab-flickering-on-switch-6797

Conversation

@gopu-bruno
Copy link
Collaborator

@gopu-bruno gopu-bruno commented Jan 15, 2026 •
edited by coderabbitai bot
Loading

Description

Fixes the resolve tab flickering when switching between requests

Fixes #6797

Contribution Checklist:

  • I've used AI significantly to create this pull request
  • The pull request only addresses one issue or adds one feature.
  • The pull request does not introduce any breaking changes
  • I have added screenshots or gifs to help explain the change if applicable.
  • I have read the contribution guidelines.
  • Create an issue and link to the pull request.

Note: Keeping the PR small and focused helps make it easier to review and merge. If you have multiple changes you want to make, please consider submitting them as separate pull requests.

Publishing to New Package Managers

Please see here for more information.

Summary by CodeRabbit

  • Style

    • Updated scroll chevron visibility styling in request tabs.

  • Refactor

    • Streamlined scroll chevron rendering mechanism for improved maintainability.

✏️ Tip: You can customize this high-level summary in your review settings.

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Jan 15, 2026 •
edited
Loading

Walkthrough

Modified RequestTabs component to prevent tab flickering by changing chevron handling from conditional rendering to always-rendering chevrons with dynamic visibility state. CSS updated to support hidden state and removed redundant padding rules.

Changes

Cohort / File(s) Summary
Chevron Styling
packages/bruno-app/src/components/RequestTabs/StyledWrapper.js		 Added CSS rule to hide chevrons via .scroll-chevrons.hidden { display: none; } selector. Removed has-chevrons padding reset rule that was applying padding-left: 0.
Chevron Rendering Logic
packages/bruno-app/src/components/RequestTabs/index.js		 Replaced conditional chevron container rendering with always-rendered chevrons wrapped in div with dynamic hidden class. Removed getRootClassname helper and simplified className passing to StyledWrapper.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

Suggested reviewers

  • helloanoop
  • lohit-bruno
  • bijin-bruno
  • naman-bruno

Poem

Tabs once danced in flickering fright,
Now they stay calm, steady and bright ✨
Always present but gracefully veiled,
Where rendering tricks have failed,
CSS whispers keep motion in sight.

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title accurately describes the main change: fixing tab flickering when switching between requests, which is directly related to the changeset addressing issue #6797.
Linked Issues check ✅ Passed The changes eliminate conditional rendering of chevrons in favor of always-rendering them with hidden state, which removes layout recalculations that likely caused the flickering reported in #6797.
Out of Scope Changes check ✅ Passed All changes are scoped to the RequestTabs component styling and chevron rendering logic, directly addressing the tab flickering issue without introducing unrelated modifications.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing touches
  • 📝 Generate docstrings

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@bijin-bruno bijin-bruno merged commit bd0894e into usebruno:main Jan 16, 2026
10 of 11 checks passed
FraCata00 pushed a commit to FraCata00/bruno that referenced this pull request Feb 9, 2026
@gopu-bruno @FraCata00
fix: resolve tab flickering when switching between requests (usebruno…
95f80a9 
…#6825)
@coderabbitai coderabbitai bot mentioned this pull request Feb 23, 2026
Closed
5 tasks
@coderabbitai coderabbitai bot mentioned this pull request Mar 7, 2026
Open
5 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@bijin-bruno bijin-bruno bijin-bruno approved these changes

@helloanoop helloanoop Awaiting requested review from helloanoop helloanoop is a code owner

@lohit-bruno lohit-bruno Awaiting requested review from lohit-bruno lohit-bruno is a code owner

@naman-bruno naman-bruno Awaiting requested review from naman-bruno naman-bruno is a code owner

Assignees

No one assigned

Labels

size/S

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Tab flickering/shaking when switching between requests

2 participants

@gopu-bruno @bijin-bruno