fix(component-library): make mt-select a single tab stop

[Arnold Stoba (arnoldstoba)]

What?

Shift+Tab in mt-select works like Tab: it opens the select on the way in, and on the way out it focuses the previous element without clicking it.

Why?

Shift+Tab out of a select called .click() on the previous focusable element. In a form like this, Shift+Tab from the currency select toggled "Active":

<mt-checkbox v-model="active" label="Active" />
<mt-select v-model="currency" label="Currency" :options="currencies" />

A button or link before a select was triggered the same way. Shift+Tab into a select also landed on its inner input without opening it.

How?

The inner input gets tabindex="-1", so the select wrapper is the only tab stop and opens on focus in both directions. On Shift+Tab out, the select focuses the previous focusable element (skipping disabled, inert, hidden and tabindex="-1" elements) instead of clicking it.

Testing?

• mt-select.spec.ts: Shift+Tab focuses the previous element, skips an inert one and clicks nothing.
• Interaction story: Tab and Shift+Tab through two selects between two buttons, checking focus and the open state at every step.

Anything Else?

#1397 also changes mt-select-base.vue; the two merge without conflicts.

[vercel]

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

Project	Deployment	Actions	Updated
meteor-docs	Ready	Preview	Oct 6, 2026 9:38am UTC
meteor-storybook	Ready	Preview	Oct 6, 2026 9:38am UTC