Skip to content

Conversation

SonTT19
Copy link
Contributor

@SonTT19 SonTT19 commented Jul 30, 2025

Description

fix #21772

Markup:

<template>
  <v-app>
    <v-container>
      <v-file-upload multiple>
        <template #item="{ file, props }">
          <v-chip closable @click:close="props['onClick:remove']">
            {{ file.name }}
          </v-chip>
        </template>
      </v-file-upload>
    </v-container>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'

  const msg = ref('Hello World!')
</script>

@J-Sek J-Sek added T: bug Functionality that does not work as intended/expected labs Must be completed for this component to leave labs C: VFileUpload labels Jul 30, 2025
@J-Sek
Copy link
Contributor

J-Sek commented Jul 30, 2025

It helps, but there is a possibility to have a duplicate name when using webkitdirectory. So when I have those items next to each other, single click removes both.

Annoying that v-chip removes "itself" and this is what might be the root cause of the problem here.
Commenting out VChip.tsx:151 just fixes it all.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VFileUpload labs Must be completed for this component to leave labs T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug Report][3.9.0] [VFileUpload] item slot click remove action wrong
2 participants