Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[BUG] - Input with type file does not show clear button when file selected #4592

Open
jprosevear opened this issue Jan 18, 2025 · 1 comment · May be fixed by #4599
Open

[BUG] - Input with type file does not show clear button when file selected #4592

jprosevear opened this issue Jan 18, 2025 · 1 comment · May be fixed by #4599
Assignees
@wingkwong
Labels
📦 Scope : Components Related to the components 🐛 Type: Bug Something isn't working

Comments

@jprosevear
Copy link

HeroUI Version

2.6.13

Describe the bug

An Input component with type file does not show clear button when file selected and isClearable is set, its present but never becomes visible.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Code is roughly:

      <Input
        type="file"
        label="test"
        labelPlacement="outside-left"
        classNames={{ label: 'text-red-400' }}
        isClearable
        onClear={() => console.log('clear file')}
      />
      <Input
        label="test"
        className="mt-4"
        classNames={{ label: 'text-primary-400' }}
        isClearable
        onClear={() => console.log('clear')}
      />

Expected behavior

Clear button becomes visible

Screenshots or Videos

Screen.Recording.2025-01-18.at.10.29.22.AM.mov

Operating System Version

macOS

Browser

Chrome
@linear Linear
Copy link

linear bot commented Jan 18, 2025

ENG-1907 [BUG] - Input with type file does not show clear button when file selected

@wingkwong wingkwong self-assigned this Jan 19, 2025
@wingkwong wingkwong added 🐛 Type: Bug Something isn't working 📦 Scope : Components Related to the components labels Jan 19, 2025
@wingkwong wingkwong linked a pull request Jan 19, 2025 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@wingkwong wingkwong

Labels
📦 Scope : Components Related to the components 🐛 Type: Bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(input): missing clear button with file input type heroui-inc/heroui
2 participants
@jprosevear @wingkwong