search

chakra-ui / ark

Ark UI is a headless UI library with over 45+ components designed to build scalable Design Systems that works for a wide range of JS frameworks.
https://ark-ui.com
MIT License
3.8k stars 109 forks source link

[Bug][SolidJS] `FileUpload.ItemPreviewImage` does not display preview image #3023

Closed eyemono-moe closed 2 weeks ago

eyemono-moe commented 3 weeks ago

Description

While using the FileUpload component with SolidJS, I encountered an issue where the FileUpload.ItemPreviewImage does not display a preview image as expected. It seems that the src of FileUpload.ItemPreviewImage is empty. This issue persists even when providing valid image files.

Link to Reproduction (or Detailed Explanation)

https://codesandbox.io/p/devbox/boring-david-vrd8wl

Steps to Reproduce

  1. Go to https://codesandbox.io/p/devbox/boring-david-vrd8wl
  2. Click "Choose file(s)" button (FileUpload.Trigger)
  3. Select an image file
  4. Image file name and file size are displayed, but not the preview image

Ark UI Version

4.3.0

Framework

Browser

Google Chrome (130.0.6723.92), FireFox (132.0)

Additional Information

reproduction screenshot in GoogleChrome image

segunadebayo commented 2 weeks ago

I just pushed a fix for this. We'll release an update shortly.

If the issue persists after upgrading, I'll re-open it.