Skip to content

fix(react): fix mfa dialog similar to other dialog component#327

Open
NaveenChand755 wants to merge 2 commits into
mainfrom
fix/mfa-dialog-width
Open

fix(react): fix mfa dialog similar to other dialog component#327
NaveenChand755 wants to merge 2 commits into
mainfrom
fix/mfa-dialog-width

Conversation

@NaveenChand755
Copy link
Copy Markdown
Contributor

@NaveenChand755 NaveenChand755 commented Jun 4, 2026

Summary

This PR fixes mfa component page in react-spa-npm example and mfa component dialog with to match other component dialog

Why

margin was broken around mfa component in react-spa-npm example

What

MFA component Dailog width changed to 600

Packages

  • packages/core
  • packages/react
  • examples

References

Before

Screenshot 2026-06-04 at 8 38 46 PM

After

Screenshot 2026-06-04 at 8 39 01 PM Screenshot 2026-06-04 at 8 39 06 PM

Testing

How can this be verified? Note anything intentionally not covered by tests and why.

  • This change adds unit test coverage
  • Tested for both SPA and RWA flows, all example apps working
  • All existing and new tests complete without errors

Checklist

  • Breaking change
  • Requires docs update
  • Backward compatible

Contributing

@codecov-commenter
Copy link
Copy Markdown

codecov-commenter commented Jun 4, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 89.47%. Comparing base (aecf241) to head (dd77cd5).

Additional details and impacted files
@@           Coverage Diff            @@
##             main     #327    +/-   ##
========================================
  Coverage   89.47%   89.47%            
========================================
  Files         156      156            
  Lines       13070    13070            
  Branches     1419     1805   +386     
========================================
  Hits        11694    11694            
  Misses       1376     1376            

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

aria-describedby="mfa-setup-form"
className={cn(
'w-[400px] max-h-[90vh]',
'w-[600px] max-h-[90vh]',
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Found a similar for delete factor confirmation, shall we also fix it?

Image

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.

3 participants