Skip to content

Volt Theme - Select Component Clear Icon Issue #7586

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.

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

Closed
4 tasks
leosin opened this issue Apr 8, 2025 · 1 comment · Fixed by #7639
Closed
4 tasks

Volt Theme - Select Component Clear Icon Issue #7586

leosin opened this issue Apr 8, 2025 · 1 comment · Fixed by #7639
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@leosin
Copy link

leosin commented Apr 8, 2025

Describe the bug

I have identified a functionality issue with the Select component in the PrimeVue Volt theme version. The Clear Icon, which should allow users to clear their selection with a single click, is not functioning as expected. When clicked, the icon does not trigger the clearing of the selected item(s), rendering this feature unusable.

Actual Behavior

When clicking the clear icon, nothing happens. The selected item(s) remain selected, and the component does not respond to the clear action.

https://volt.primevue.org/select/#clearicon

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://volt.primevue.org/select/#clearicon

Environment

nuxt3.16

Vue version

3.x

PrimeVue version

4.3.3

Node version

22.0

Browser(s)

No response

Steps to reproduce the behavior

  1. Implement a Select component using PrimeVue Volt theme
  2. Set the showClear property to true to enable the clear icon
  3. Select an item from the dropdown options
  4. Attempt to click on the clear icon (X) that appears

Expected behavior

When clicking the clear icon, the selected item(s) should be removed, and the select component should return to its default/empty state.

@leosin leosin added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Apr 8, 2025
@ngkhaiwern
Copy link
Contributor

I've submitted a PR to fix this issue. The slot currently already passes the clearCallback to the template, you'll have to update your project's select component to use it.

@cagataycivici cagataycivici added Status: Pending Review Issue or pull request is being reviewed by Core Team and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Apr 29, 2025
@cagataycivici cagataycivici added this to the 4.3.4 milestone Apr 29, 2025
@github-project-automation github-project-automation bot moved this to Review in PrimeVue Apr 29, 2025
@github-project-automation github-project-automation bot moved this from Review to Done in PrimeVue Apr 30, 2025
@tugcekucukoglu tugcekucukoglu added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Pending Review Issue or pull request is being reviewed by Core Team labels Apr 30, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

4 participants