ensure entire dropdown is clickable (#7918)

* dropdown click fix * add changeset * add changeset * fix --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
gradio-app · Apr 8, 2024 · be46ab1 · be46ab1
1 parent bad3836
commit be46ab1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/fast-paths-watch.md b/.changeset/fast-paths-watch.md
@@ -0,0 +1,6 @@
+---
+"@gradio/dropdown": patch
+"gradio": patch
+---
+
+fix:ensure entire dropdown is clickable
diff --git a/js/dropdown/shared/Dropdown.svelte b/js/dropdown/shared/Dropdown.svelte
@@ -250,9 +250,13 @@
 
 <style>
 	.icon-wrap {
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		right: var(--size-5);
 		color: var(--body-text-color);
-		margin-right: var(--size-2);
 		width: var(--size-5);
+		pointer-events: none;
 	}
 	.container {
 		height: 100%;