-
Notifications
You must be signed in to change notification settings - Fork 317
Open
Description
Describe the bug
The file upload component overflows the surrounding UI. At first I thought this came due to my implementation but after I placed a div with a red border around the component I saw the component itself seems to be broken.

This also happens in the official component examples.
Reproduction
<div class="border-2 border-red-500">
<Fileupload
id="file_upload"
data-testid="file_upload"
onchange={handleFileChange}
clearable={true}
/>
</div>
Version and System Info
System:
OS: macOS 15.6.1
CPU: (12) arm64 Apple M3 Pro
Memory: 81.61 MB / 36.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 20.19.4 - ~/.nvm/versions/node/v20.19.4/bin/node
npm: 10.8.2 - ~/.nvm/versions/node/v20.19.4/bin/npm
pnpm: 10.15.0 - /opt/homebrew/bin/pnpm
Browsers:
Brave Browser: 135.1.77.97
Chrome: 139.0.7258.139
Safari: 18.6
npmPackages:
@sveltejs/kit: ^2.28.0 => 2.28.0
flowbite-svelte: ^1.12.6 => 1.12.6
svelte: ^5.38.1 => 5.38.1
vite: ^7.1.2 => 7.1.2
Metadata
Metadata
Assignees
Labels
No labels