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

fix: pressing Enter submits guest name input #3992

Merged
merged 2 commits into from
Sep 9, 2024
Merged

fix: pressing Enter submits guest name input #3992

merged 2 commits into from
Sep 9, 2024

Conversation

elzody
Copy link
Contributor

@elzody elzody commented Sep 5, 2024

Summary

With this PR the guest name input field is automatically focused, and you can submit it by pressing the Enter key. This makes it faster to input the name and get to the document, and follows the behavior users expect.

This is done by moving the dialog content into a <form> element, and using the form submit action. It also includes a few styling changes which I think make the dialog look better (but I'm not a designer :D)

Example

Before

image

After (video)
vokoscreenNG-2024-09-05_14-00-57.webm

Checklist

  • Code is properly formatted
  • Sign-off message is added to all commits
  • Documentation (manuals or wiki) has been updated or is not required

@elzody elzody added 3. to review Ready to be reviewed design Related to the design javascript Pull requests that update Javascript code labels Sep 5, 2024
@elzody elzody self-assigned this Sep 5, 2024
@@ -7,7 +7,9 @@
:out-transition="true"
size="small"
:show.sync="show">
<div class="modal__content" data-cy="guestNameModal">
<form class="modal__content"
Copy link

@susnux susnux Sep 5, 2024

Choose a reason for hiding this comment

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

Not needed, just migrate this to NcDialog and set is-form prop :)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

That sounds more reasonable, I will take a look :D

Copy link
Member

@jancborchardt jancborchardt left a comment

Choose a reason for hiding this comment

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

Nice detail fix, also good on the layout update! :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
3. to review Ready to be reviewed design Related to the design javascript Pull requests that update Javascript code
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Guest name dialog can't submit guest name with Enter key
6 participants