Spaces:
Paused
Paused
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">
|