ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-12 12:25:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

enh: folder modal focus title

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2025-09-10 13:55:29 +04:00
parent d5cb65527e
commit c51a65173e
1 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/lib/components/layout/Sidebar/Folders/FolderModal.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import { getContext, createEventDispatcher, onMount } from 'svelte'; import { getContext, createEventDispatcher, onMount, tick } from 'svelte';
import Spinner from '$lib/components/common/Spinner.svelte'; import Spinner from '$lib/components/common/Spinner.svelte';
import Modal from '$lib/components/common/Modal.svelte'; import Modal from '$lib/components/common/Modal.svelte';
@ -8,9 +8,10 @@
import { toast } from 'svelte-sonner'; import { toast } from 'svelte-sonner';
import { page } from '$app/stores'; import { page } from '$app/stores';
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import { user } from '$lib/stores';
import Textarea from '$lib/components/common/Textarea.svelte'; import Textarea from '$lib/components/common/Textarea.svelte';
import Knowledge from '$lib/components/workspace/Models/Knowledge.svelte'; import Knowledge from '$lib/components/workspace/Models/Knowledge.svelte';
import { user } from '$lib/stores';
const i18n = getContext('i18n'); const i18n = getContext('i18n');
export let show = false; export let show = false;
@ -53,6 +54,19 @@
}; };
}; };
const focusInput = async () => {
await tick();
const input = document.getElementById('folder-name') as HTMLInputElement;
if (input) {
input.focus();
input.select();
}
};
$: if (show) {
focusInput();
}
$: if (folder) { $: if (folder) {
init(); init();
} }
@ -99,6 +113,7 @@
<div class="flex-1"> <div class="flex-1">
<input <input
id="folder-name"
class="w-full text-sm bg-transparent placeholder:text-gray-300 dark:placeholder:text-gray-700 outline-hidden" class="w-full text-sm bg-transparent placeholder:text-gray-300 dark:placeholder:text-gray-700 outline-hidden"
type="text" type="text"
bind:value={name} bind:value={name}