Spaces:
Build error
Build error
Mishig
commited on
Commit
•
0a4f58c
1
Parent(s):
3edef03
[Chat input] Blur on submit (#790)
Browse files* [Chat input] Blur on submit
* nuance
* extra comment
* focus only on desktop
src/lib/components/chat/ChatInput.svelte
CHANGED
@@ -22,6 +22,12 @@
|
|
22 |
// submit on enter
|
23 |
if (event.key === "Enter" && !event.shiftKey && !isCompositionOn) {
|
24 |
event.preventDefault();
|
|
|
|
|
|
|
|
|
|
|
|
|
25 |
dispatch("submit"); // use a custom event instead of `event.target.form.requestSubmit()` as it does not work on Safari 14
|
26 |
}
|
27 |
}
|
|
|
22 |
// submit on enter
|
23 |
if (event.key === "Enter" && !event.shiftKey && !isCompositionOn) {
|
24 |
event.preventDefault();
|
25 |
+
// blur to close keyboard on mobile
|
26 |
+
textareaElement.blur();
|
27 |
+
// refocus so that user on desktop can start typing without needing to reclick on textarea
|
28 |
+
if (innerWidth > TABLET_VIEWPORT_WIDTH) {
|
29 |
+
textareaElement.focus();
|
30 |
+
}
|
31 |
dispatch("submit"); // use a custom event instead of `event.target.form.requestSubmit()` as it does not work on Safari 14
|
32 |
}
|
33 |
}
|