Spaces:
Running
on
CPU Upgrade
Running
on
CPU Upgrade
fix(screen-reader): disable FileDropZone area-label for models without file upload (#1295)
Browse files
src/lib/components/chat/ChatWindow.svelte
CHANGED
@@ -163,6 +163,8 @@
|
|
163 |
: []),
|
164 |
...(currentModel.multimodal ? ["image/*"] : []),
|
165 |
];
|
|
|
|
|
166 |
</script>
|
167 |
|
168 |
<div class="relative min-h-0 min-w-0">
|
@@ -312,7 +314,7 @@
|
|
312 |
/>
|
313 |
{:else}
|
314 |
<div class="ml-auto gap-2">
|
315 |
-
{#if
|
316 |
<UploadBtn bind:files mimeTypes={activeMimeTypes} classNames="ml-auto" />
|
317 |
{/if}
|
318 |
{#if messages && lastMessage && lastMessage.interrupted && !isReadOnly}
|
@@ -334,12 +336,12 @@
|
|
334 |
on:dragenter={onDragEnter}
|
335 |
on:dragleave={onDragLeave}
|
336 |
tabindex="-1"
|
337 |
-
aria-label="file dropzone"
|
338 |
on:submit|preventDefault={handleSubmit}
|
339 |
class="relative flex w-full max-w-4xl flex-1 items-center rounded-xl border bg-gray-100 focus-within:border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:focus-within:border-gray-500
|
340 |
{isReadOnly ? 'opacity-30' : ''}"
|
341 |
>
|
342 |
-
{#if onDrag &&
|
343 |
<FileDropzone bind:files bind:onDrag mimeTypes={activeMimeTypes} />
|
344 |
{:else}
|
345 |
<div class="flex w-full flex-1 border-none bg-transparent">
|
|
|
163 |
: []),
|
164 |
...(currentModel.multimodal ? ["image/*"] : []),
|
165 |
];
|
166 |
+
|
167 |
+
$: isFileUploadEnabled = activeMimeTypes.length > 0;
|
168 |
</script>
|
169 |
|
170 |
<div class="relative min-h-0 min-w-0">
|
|
|
314 |
/>
|
315 |
{:else}
|
316 |
<div class="ml-auto gap-2">
|
317 |
+
{#if isFileUploadEnabled}
|
318 |
<UploadBtn bind:files mimeTypes={activeMimeTypes} classNames="ml-auto" />
|
319 |
{/if}
|
320 |
{#if messages && lastMessage && lastMessage.interrupted && !isReadOnly}
|
|
|
336 |
on:dragenter={onDragEnter}
|
337 |
on:dragleave={onDragLeave}
|
338 |
tabindex="-1"
|
339 |
+
aria-label={isFileUploadEnabled ? "file dropzone" : undefined}
|
340 |
on:submit|preventDefault={handleSubmit}
|
341 |
class="relative flex w-full max-w-4xl flex-1 items-center rounded-xl border bg-gray-100 focus-within:border-gray-300 dark:border-gray-600 dark:bg-gray-700 dark:focus-within:border-gray-500
|
342 |
{isReadOnly ? 'opacity-30' : ''}"
|
343 |
>
|
344 |
+
{#if onDrag && isFileUploadEnabled}
|
345 |
<FileDropzone bind:files bind:onDrag mimeTypes={activeMimeTypes} />
|
346 |
{:else}
|
347 |
<div class="flex w-full flex-1 border-none bg-transparent">
|