add margin to pagin select textarea; on enter nothing happens

coralproject · Dec 19, 2023 · 6954f27 · 6954f27
1 parent 436b9f1
commit 6954f27
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.css b/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.css
@@ -34,6 +34,8 @@
   height: 100%;
   width: auto;
   overflow: hidden;
+  margin-left: var(--spacing-1);
+  margin-right: var(--spacing-1);
 }
 
 .filterInput > textarea {

diff --git a/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.tsx b/client/src/core/client/admin/components/PaginatedSelect/PaginatedSelect.tsx
@@ -117,6 +117,12 @@ const PaginatedSelect: FunctionComponent<Props> = ({
               >
                 <TextArea
                   className={styles.filterInput}
+                  onKeyDown={(e) => {
+                    // We don't want blank lines to be added in input
+                    if (e.key === "Enter") {
+                      e.preventDefault();
+                    }
+                  }}
                   onChange={(e) => onFilter(e.target.value)}
                   ref={filterRef}
                   aria-label="Filter results"