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.

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

[Bug Report][3.6.14] [VSelect] Prepend icon isn't working when using kebab case #20320

Open
Larsluph opened this issue Aug 13, 2024 · 0 comments
Assignees
Labels
C: VAutocomplete C: VCombobox C: VSelect T: bug Functionality that does not work as intended/expected

Comments

@Larsluph
Copy link

Environment

Vuetify Version: 3.6.14
Vue Version: 3.4.37
Browsers: Edge 127.0.0.0
OS: Windows 10

Steps to reproduce

  1. Create a v-select component
  2. Define items with the prependIcon and prepend-icon props

Expected Behavior

Prepend icon can be defined using either case just like append-icon and appendIcon

Actual Behavior

Only prependIcon works, not its kebab case variant

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

As mentioned above, kebab-case and camelCase are both supported for "append icon" prop.

I got some explanation on why only camelCase works by digging inside the code but can't find the code for append icon prop, I suppose it may be a hint towards the issue.

{ item.props.prependIcon && (
<VIcon icon={ item.props.prependIcon } />
)}

@yuwu9145 yuwu9145 self-assigned this Aug 13, 2024
@yuwu9145 yuwu9145 added T: bug Functionality that does not work as intended/expected C: VSelect C: VCombobox C: VAutocomplete and removed S: triage labels Aug 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VAutocomplete C: VCombobox C: VSelect T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

2 participants