Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WIP] Automatically focus inputs, or the primary button, in modals. #2974

Open
wants to merge 9 commits into
base: master
Choose a base branch
from

Conversation

psybers
Copy link
Contributor

@psybers psybers commented Jul 3, 2024

Working so that modals will automatically focus the first input, or for confirmation-style modals, autofocus the "primary" button so you can just hit ENTER when it pops up (or ESC).

Copy link

netlify bot commented Jul 3, 2024

Deploy Preview for actualbudget ready!

Name Link
🔨 Latest commit aa9c973
🔍 Latest deploy log https://app.netlify.com/sites/actualbudget/deploys/669077c94e168100086a3fec
😎 Deploy Preview https://deploy-preview-2974.demo.actualbudget.org
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Contributor

github-actions bot commented Jul 3, 2024

Bundle Stats — desktop-client

Hey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle.

As this PR is updated, I'll keep you updated on how the bundle size is impacted.

Total

Files count Total bundle size % Changed
9 4.95 MB → 4.95 MB (+1.36 kB) +0.03%
Changeset
File Δ Size
src/components/modals/ConfirmTransactionDelete.tsx 📈 +109 B (+8.01%) 1.33 kB → 1.44 kB
src/components/modals/ConfirmUnlinkAccount.tsx 📈 +107 B (+7.04%) 1.48 kB → 1.59 kB
src/components/modals/ConfirmTransactionEdit.tsx 📈 +111 B (+3.83%) 2.83 kB → 2.94 kB
src/components/schedules/ScheduleLink.tsx 📈 +103 B (+3.58%) 2.81 kB → 2.91 kB
src/components/modals/GoCardlessInitialise.tsx 📈 +113 B (+3.40%) 3.25 kB → 3.36 kB
src/components/modals/SimpleFinInitialise.tsx 📈 +27 B (+1.11%) 2.38 kB → 2.4 kB
src/components/manager/ImportYNAB4.tsx 📈 +33 B (+1.08%) 2.97 kB → 3.01 kB
src/components/manager/ImportYNAB5.tsx 📈 +33 B (+1.08%) 2.99 kB → 3.03 kB
src/components/modals/GoCardlessExternalMsg.tsx 📈 +87 B (+1.01%) 8.44 kB → 8.52 kB
src/components/schedules/PostsOfflineNotification.jsx 📈 +29 B (+0.96%) 2.94 kB → 2.97 kB
src/components/manager/ImportActual.tsx 📈 +33 B (+0.96%) 3.37 kB → 3.4 kB
src/components/manager/WelcomeScreen.tsx 📈 +33 B (+0.94%) 3.43 kB → 3.46 kB
src/components/modals/CreateAccountModal.tsx 📈 +111 B (+0.83%) 13.1 kB → 13.21 kB
src/components/modals/ConfirmCategoryDelete.tsx 📈 +32 B (+0.77%) 4.07 kB → 4.1 kB
src/components/reports/SaveReportDelete.tsx 📈 +10 B (+0.76%) 1.28 kB → 1.29 kB
src/components/accounts/AccountSyncCheck.jsx 📈 +35 B (+0.73%) 4.68 kB → 4.71 kB
src/components/select/RecurringSchedulePicker.jsx 📈 +115 B (+0.69%) 16.26 kB → 16.37 kB
src/components/accounts/Reconcile.jsx 📈 +29 B (+0.62%) 4.6 kB → 4.63 kB
src/components/modals/MergeUnusedPayees.jsx 📈 +33 B (+0.51%) 6.26 kB → 6.29 kB
src/components/modals/CloseAccountModal.tsx 📈 +39 B (+0.46%) 8.31 kB → 8.35 kB
src/components/schedules/ScheduleDetails.jsx 📈 +117 B (+0.41%) 27.65 kB → 27.76 kB
src/components/modals/ImportTransactions.jsx 📈 +29 B (+0.06%) 48.91 kB → 48.94 kB
src/components/accounts/Account.jsx 📈 +27 B (+0.06%) 47.6 kB → 47.62 kB
src/components/mobile/transactions/TransactionEdit.jsx 📉 -1 B (-0.00%) 31.92 kB → 31.92 kB
View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

Asset File Size % Changed
static/js/index.js 3.2 MB → 3.21 MB (+1.3 kB) +0.04%
static/js/wide.js 272.32 kB → 272.38 kB (+56 B) +0.02%
static/js/ReportRouter.js 1.23 MB → 1.23 MB (+10 B) +0.00%

Smaller

No assets were smaller

Unchanged

Asset File Size % Changed
static/js/indexeddb-main-thread-worker-e59fee74.js 13.5 kB 0%
static/js/resize-observer.js 18.37 kB 0%
static/js/BackgroundImage.js 122.29 kB 0%
static/js/narrow.js 76.15 kB 0%
static/js/AppliedFilters.js 27.5 kB 0%
static/js/usePreviewTransactions.js 790 B 0%

Copy link
Contributor

github-actions bot commented Jul 3, 2024

Bundle Stats — loot-core

Hey there, this message comes from a GitHub action that helps you and reviewers to understand how these changes affect the size of this project's bundle.

As this PR is updated, I'll keep you updated on how the bundle size is impacted.

Total

Files count Total bundle size % Changed
1 1.13 MB 0%

Changeset

No files were changed

View detailed bundle breakdown

Added

No assets were added

Removed

No assets were removed

Bigger

No assets were bigger

Smaller

No assets were smaller

Unchanged

Asset File Size % Changed
kcab.worker.js 1.13 MB 0%

@psybers psybers changed the title [WIP] Automatically focus inputs, or the primary button, in modals. Automatically focus inputs, or the primary button, in modals. Jul 3, 2024
@MatissJanis
Copy link
Member

This is cool, but @joel-jeremy is currently refactoring the Button component to react-aria. So perhaps lets hold off on this until his migration is complete?

@psybers psybers changed the title Automatically focus inputs, or the primary button, in modals. [WIP] Automatically focus inputs, or the primary button, in modals. Jul 10, 2024
@youngcw youngcw removed the 🚧 WIP label Jul 17, 2024
@psybers psybers changed the title [WIP] Automatically focus inputs, or the primary button, in modals. Automatically focus inputs, or the primary button, in modals. Jul 18, 2024
@psybers psybers changed the title Automatically focus inputs, or the primary button, in modals. [WIP] Automatically focus inputs, or the primary button, in modals. Jul 18, 2024
Copy link
Contributor

👋 Hi! It looks like this PR has not had any changes for a week now. Would you like someone to review this PR? If so - please remove the "[WIP]" prefix from the PR title. That will let the community know that this PR is open for a review.

@github-actions github-actions bot added the Stale label Jul 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants