Skip to content

feat(react): add compact qr handoff option - #312

Merged
Takaros999 merged 1 commit into
mainfrom
takis/display-qr-code-option
Jul 30, 2026
Merged

feat(react): add compact qr handoff option#312
Takaros999 merged 1 commit into
mainfrom
takis/display-qr-code-option

Conversation

@Takaros999

@Takaros999 Takaros999 commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

This was something we had in the old idkit repo but never got ported. RPs/developer run into this a lot when they have their browser/app on the side under the 768px media query, they're expecting to see the QR code so they can test their flow...

image image

@vercel

vercel Bot commented Jul 28, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
idkit-js-example Ready Ready Preview, Comment Jul 28, 2026 1:47am

Request Review

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: c6803edc85

ℹ️ 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".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +48 to +49
{showMobileQR && (
<div className="idkit-mobile-qr">

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Make the expanded handoff scroll within the compact modal

On compact viewports where the expanded handoff exceeds 95vh—for example, a 375×667 phone—the newly rendered QR adds roughly 186px beneath the actions, but .idkit-modal is capped at max-height: 95vh with overflow: hidden, and neither it nor .idkit-content is scrollable. Consequently, the bottom of the QR and footer are clipped with no way to reach them; the compact modal or its content needs vertical scrolling when this section is expanded.

Useful? React with 👍 / 👎.

@Takaros999
Takaros999 merged commit fe1d50d into main Jul 30, 2026
18 checks passed
@Takaros999
Takaros999 deleted the takis/display-qr-code-option branch July 30, 2026 22:01
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.

2 participants