fix: version select position on mobile

[eryue0220]

🔗 Linked issue

resolve #2033

🧭 Context

Update the select position to avoid the select overflow the page.

📚 Description

Here is the update:

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Mar 12, 2026 5:32pm

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Mar 12, 2026 5:32pm
npmx-lunaria	Ignored		Mar 12, 2026 5:32pm

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 6198f649-6112-4f51-baf7-ea93b90befe2

📥 Commits

Reviewing files that changed from the base of the PR and between d85c65b and 9b02a0e.

📒 Files selected for processing (1)

• app/components/VersionSelector.vue

---

📝 Walkthrough

Walkthrough

A CSS utility class modification was applied to VersionSelector.vue, changing the inset positioning property from inset-is-0 to -inset-is-1/5 on the listbox container. This single-line change alters the vertical positioning of the version selection dropdown menu. No modifications were made to component logic, data structures, or error handling mechanisms.

Suggested reviewers

• danielroe

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description clearly relates to the changeset: it describes updating the version select positioning to prevent overflow on mobile, which matches the CSS utility class change in VersionSelector.vue.
Linked Issues check	✅ Passed	The pull request addresses the linked issue #2033 by adjusting the CSS positioning of the version select dropdown to prevent overflow on mobile.
Out of Scope Changes check	✅ Passed	The single change to VersionSelector.vue modifying the CSS utility class is directly related to resolving the dropdown overflow issue described in linked issue #2033.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

📝 Coding Plan

• Generate coding plan for human review comments

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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

Tip

CodeRabbit can use OpenGrep to find security vulnerabilities and bugs across 17+ programming languages.

OpenGrep is compatible with Semgrep configurations. Add an opengrep.yml or semgrep.yml configuration file to your project to enable OpenGrep analysis.

[graphieros]

The overflow is still happening if the select is located further to the right (with longer package names).