Skip to content

Add Enter + Esc actions to dialogs#417

Draft
JSKitty wants to merge 2 commits intomasterfrom
dialog-keyboard-interaction
Draft

Add Enter + Esc actions to dialogs#417
JSKitty wants to merge 2 commits intomasterfrom
dialog-keyboard-interaction

Conversation

@JSKitty
Copy link
Member

@JSKitty JSKitty commented Oct 6, 2024

Abstract

This PR adds the ability to use Esc and Enter to interact with dialogs, effectively making them fully usable via keyboard only, which was not possible beforehand (i.e: you have to physically click any dialog buttons).

This change will make it possible to, for example:

  • Open a Payment Invoice and pay it without needing any mouse input.

  • Unlock the wallet without mouse input.

  • Utilise the majority of other dialogs with only Tab + Enter + Esc.

  • Create hookable keydown listener to capture Esc/Enter.

  • Apply universally to confirmPopup.

  • Apply to Vue Inputs (i.e: Password Dialogs, Send Dialog, etc).


Testing

To test this PR, it's suggested to attempt these user flows, or variations of these:

  • Test that, in any expected dialog, hitting Esc closes it, and hitting Enter confirms the dialog's action.

If any errors are found, the PR works unexpectedly, or you have viable suggestions to improve the UX or functionality of the PR, let me know!


@JSKitty JSKitty added the Enhancement New feature or request label Oct 6, 2024
@JSKitty JSKitty self-assigned this Oct 6, 2024
@netlify
Copy link

netlify bot commented Oct 6, 2024

Deploy Preview for cheery-moxie-4f1121 ready!

Name Link
🔨 Latest commit b407d8d
🔍 Latest deploy log https://app.netlify.com/sites/cheery-moxie-4f1121/deploys/6702b3e8d0c75d000814fc6b
😎 Deploy Preview https://deploy-preview-417--cheery-moxie-4f1121.netlify.app
📱 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.

@JSKitty JSKitty changed the title Add Enter + Esc actions to confirmPopup Add Enter + Esc actions to dialogs Oct 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant