neven4 nsarrazin HF Staff commited on
Commit
e9e6405
·
unverified ·
1 Parent(s): 0fc2ece

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 activeMimeTypes.length > 0}
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 && activeMimeTypes.length > 0}
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">