Single keyword input for keyword research (Enter submits) (#391)
This commit is contained in:
parent
0f08437cd0
commit
955cdcc751
@ -47,17 +47,14 @@ export function KeywordResearchSearchBar({ controller }: Props) {
|
|||||||
<textarea
|
<textarea
|
||||||
className="grow min-w-0 resize-none bg-transparent text-sm leading-6 outline-none placeholder:text-base-content/40"
|
className="grow min-w-0 resize-none bg-transparent text-sm leading-6 outline-none placeholder:text-base-content/40"
|
||||||
rows={rows}
|
rows={rows}
|
||||||
placeholder="Enter keywords, one per line"
|
placeholder="Enter a keyword"
|
||||||
value={field.state.value}
|
value={field.state.value}
|
||||||
onChange={(event) => field.handleChange(event.target.value)}
|
onChange={(event) => field.handleChange(event.target.value)}
|
||||||
onKeyDown={(event) => {
|
onKeyDown={(event) => {
|
||||||
// Cmd/Ctrl+Enter submits without leaving a stray newline.
|
// Enter submits. Shift+Enter inserts a newline, so
|
||||||
// Bare Enter stays as the textarea default (insert newline)
|
// researching several keywords at once means adding a
|
||||||
// so multi-keyword input remains discoverable.
|
// line per keyword (or pasting newline-separated ones).
|
||||||
if (
|
if (event.key === "Enter" && !event.shiftKey) {
|
||||||
event.key === "Enter" &&
|
|
||||||
(event.metaKey || event.ctrlKey)
|
|
||||||
) {
|
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
void controlsForm.handleSubmit();
|
void controlsForm.handleSubmit();
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user