From f3c531463672f70ed80c83b23dca096a047e4656 Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Wed, 13 May 2026 16:43:05 +0800
Subject: [PATCH] fix: preload schema options when selector becomes visible
 (closes #244)

Schema dropdown showed an empty horizontal line because data was loaded
lazily on dropdown open, leaving the Reka UI Select with zero items in
popper mode. Eagerly preload via watchEffect when the schema selector
becomes visible so data is ready before the user opens the dropdown.
---
 src/components/layout/EditorToolbar.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/EditorToolbar.vue b/src/components/layout/EditorToolbar.vue
index 78f82b8d67..45b3ba4962 100644
--- a/src/components/layout/EditorToolbar.vue
+++ b/src/components/layout/EditorToolbar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed } from "vue";
+import { computed, watchEffect } from "vue";
 import { useI18n } from "vue-i18n";
 import {
   Play,
@@ -75,6 +75,13 @@ const activeSchemaOptions = computed(() => {
   return getSchemaOptionsForDb(connection.id, schemaDatabaseKey.value);
 });
 
+watchEffect(() => {
+  const connection = props.activeConnection;
+  if (connection && showSchemaSelector.value && schemaDatabaseKey.value) {
+    loadSchemaOptions(connection.id, schemaDatabaseKey.value).catch(() => {});
+  }
+});
+
 const isActiveDatabaseDefault = computed(() => isDefaultDatabase(props.activeConnection, activeDatabaseValue.value));
 const toolbarStyle = computed(() => {
   const color = props.activeConnection?.color;