Fix dropdown blur bug when values are provided as tuples (#6694)

* fix dropdown blur bug

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

.changeset/small-crabs-take.md

@@ -0,0 +1,6 @@
+---
+"@gradio/dropdown": patch
+"gradio": patch
+---
+
+fix:Fix dropdown blur bug when values are provided as tuples

js/dropdown/dropdown.test.ts

@@ -370,4 +370,41 @@ describe("Dropdown", () => {
 		options = getAllByTestId("dropdown-option");
 		expect(options[0]).toHaveClass("selected");
 	});
+
+	test("blurring a dropdown should set the input text to the previously selected value", async () => {
+		const { getByLabelText, getAllByTestId, component } = await render(
+			Dropdown,
+			{
+				show_label: true,
+				loading_status,
+				value: "",
+				allow_custom_value: false,
+				label: "Dropdown",
+				choices: [
+					["apple", "apple_internal_value"],
+					["zebra", "zebra_internal_value"],
+					["pony", "pony_internal_value"]
+				],
+				filterable: true,
+				interactive: true
+			}
+		);
+
+		const item: HTMLInputElement = getByLabelText(
+			"Dropdown"
+		) as HTMLInputElement;
+
+		expect(item.value).toBe("apple");
+		await item.focus();
+		let options = getAllByTestId("dropdown-option");
+		expect(options[0]).toHaveClass("selected");
+		await item.blur();
+		expect(item.value).toBe("apple");
+
+		await item.focus();
+		await event.keyboard("z");
+		expect(item.value).toBe("applez");
+		await item.blur();
+		expect(item.value).toBe("apple");
+	});
 });

js/dropdown/shared/Dropdown.svelte

@@ -140,8 +140,9 @@
 	function handle_blur(): void {
 		if (!allow_custom_value) {
 			input_text = choices_names[choices_values.indexOf(value as string)];
+		} else {
+			value = input_text;
 		}
-		value = input_text;
 		show_options = false;
 		active_index = null;
 		dispatch("blur");