-
Notifications
You must be signed in to change notification settings - Fork 120
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
Conversation
Signed-off-by: Elizabeth Danzberger <lizzy7128@tutanota.de>
Signed-off-by: Elizabeth Danzberger <lizzy7128@tutanota.de>
@@ -7,7 +7,9 @@ | |||
:out-transition="true" | |||
size="small" | |||
:show.sync="show"> | |||
<div class="modal__content" data-cy="guestNameModal"> | |||
<form class="modal__content" |
There was a problem hiding this comment.
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 :)
There was a problem hiding this comment.
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
There was a problem hiding this 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! :)
Enter
key #3990Summary
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
After (video)
vokoscreenNG-2024-09-05_14-00-57.webm
Checklist