Merge pull request #542 from sitaradev/gif-picker-fixes

prevent enter
CodeCrowCorp · Jun 22, 2023 · 39cabc5 · 39cabc5
2 parents 599a87d + 1480887
commit 39cabc5
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/lib/components/Channel/Chat/GifPicker.svelte b/src/lib/components/Channel/Chat/GifPicker.svelte
@@ -44,7 +44,14 @@
 				type="text"
 				placeholder="Search here"
 				class="input input-bordered input-sm w-full max-w-xs"
-				on:input={onSearch} />
+				on:input={onSearch}
+				on:keydown={(e) => {
+					if(e.key === 'Enter'){
+						e.preventDefault()
+						onSearch(e)
+					}
+				}} 
+			/>
 		</div>
 
 		{#if loading}
@@ -56,12 +63,12 @@
 				{#each list as gif}
 					<!-- svelte-ignore a11y-click-events-have-key-events -->
 					<div
-						class="border cursor-pointer"
+						class="cursor-pointer"
 						on:click={() => {
 							onSelect(gif.downsized_large)
 							forceClose()
 						}}>
-						<img src={gif.downsized_large} alt="gif" class="w-full" />
+						<img src={gif.downsized_large} alt="gif" class="w-full border p-1" />
 					</div>
 				{/each}
 			</div>