Skip to content

fix(ui): preserve chapter picker tab order - #458

Open
abharms wants to merge 2 commits into
journey-to-the-shadow-domfrom
codex/chapter-picker-normal-tab-order
Open

abharms wants to merge 2 commits into
journey-to-the-shadow-domfrom
codex/chapter-picker-normal-tab-order

Conversation

@abharms

@abharms abharms commented Oct 24, 2026 •

Copy link
Copy Markdown
Collaborator

Summary

  • let the Bible chapter picker search field follow the normal DOM tab order
  • keep focus inside the open picker when tabbing forward from Search
  • update the Shadow DOM browser journey to cover Search → Close focus wrapping

Verification

  • pnpm exec turbo build --filter=@youversion/platform-react-ui --force
  • VITEST_BROWSER=chromium pnpm --filter @youversion/platform-react-ui exec vitest run --project storybook src/components/bible-chapter-picker.shadow-isolation.stories.tsx
  • pnpm --filter @youversion/platform-react-ui exec vitest run --project unit src/components/bible-chapter-picker.test.tsx src/components/bible-picker-shadow-isolation.test.tsx
  • pnpm lint
  • manually verified through the Platform Portal demo in Chrome, Firefox, and Safari

Jira

YPE-6344

RetriggerView in GreptileConfidence Score: 5/5

The PR appears safe to merge; no blocking issues remain.

Summary

The chapter picker search field now follows the normal DOM tab order.

  • The chapter picker keeps Search in the natural tab order.

No new actionable issues were found. Builds and browser tests were not run during this review.

Reviews (2) · Last reviewed commit: "test(ui): preserve chapter picker keyboa..." · Reviewed by Greptile

@changeset-bot

changeset-bot Bot commented Oct 24, 2026 •

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 4eacdd5

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages
Name Type
@youversion/platform-react-ui Patch
vite-react Patch
@youversion/platform-core Patch
@youversion/platform-react-hooks Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Oct 24, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-10-24T22:32:59.761143Z 4eacdd5 New commits
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@abharms
abharms force-pushed the codex/chapter-picker-normal-tab-order branch from e0a9ef0 to cf7e1d9 Compare October 24, 2026 22:23

This branch has not been deployed

No deployments
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.

1 participant