Skip to content

fix(web): prevent provider model submenu overlap#1403

Merged
juliusmarminge merged 1 commit intopingdotgg:mainfrom
ifBars:fix/model-submenu-overlap
Mar 25, 2026
Merged

fix(web): prevent provider model submenu overlap#1403
juliusmarminge merged 1 commit intopingdotgg:mainfrom
ifBars:fix/model-submenu-overlap

Conversation

@ifBars
Copy link
Copy Markdown
Contributor

@ifBars ifBars commented Mar 25, 2026

What Changed

  • Adjusted provider submenu positioning so the model submenu opens adjacent to the parent provider list instead of overlapping it.
  • Added a browser regression test covering submenu placement in the provider/model picker.

Why

The provider/model selector could render its nested submenu on top of the parent menu, which made the control look visually broken and harder to scan.

This keeps the change small and targeted to submenu positioning only.

Fixes #1401

UI Changes

Before:

before

After:

after

Hover interaction

provider-submenu-hover

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Note

Fix provider model submenu overlap by adding a side offset gap

Adds sideOffset={4} to the MenuSubPopup in ProviderModelPicker.tsx so the submenu renders with a visible horizontal gap from the parent menu instead of overlapping it. A browser test is added to assert the submenu's left edge is at least 2px to the right of the trigger's right edge.

Macroscope summarized 2530b6a.

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Mar 25, 2026

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 17c6f456-f90d-4f2e-bfd1-30f30595bff7

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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.

@juliusmarminge juliusmarminge enabled auto-merge (squash) March 25, 2026 16:55
@github-actions github-actions bot added size:XS 0-9 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list. labels Mar 25, 2026
@juliusmarminge juliusmarminge merged commit 3289a25 into pingdotgg:main Mar 25, 2026
10 checks passed
emrezeytin pushed a commit to emrezeytin/t3code that referenced this pull request Mar 25, 2026
aaditagrawal added a commit to aaditagrawal/t3code that referenced this pull request Mar 26, 2026
Port upstream sideOffset={4} fix and submenu gap test to fork's
multi-provider picker structure.
kkorenn pushed a commit to kkorenn/k1code that referenced this pull request Mar 26, 2026
apexsloth pushed a commit to apexslothforks/t3code that referenced this pull request Mar 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS 0-9 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Provider model submenu overlaps the parent provider menu

2 participants