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.5.13] VAutocomplete: using #selection slot breaks the input editing when focused #19510

Closed
DSplawski-CC opened this issue Mar 29, 2024 · 1 comment

Comments

@DSplawski-CC
Copy link

Environment

Vuetify Version: 3.5.13
Last working version: 3.4.6
Vue Version: 3.3.8
Browsers: Chrome 123.0.0.0
OS: Windows 10

Steps to reproduce

Create example project.
Add VAtuocomplete element with some items.
Add #selection slot to use custom appearance of selected item.
Focuse VAutocomplete and edit input.

Expected Behavior

It must be possible to edit input characters one by one(not whole input at once).
Control must not expand.

Actual Behavior

Currently it looks like input is empty and placed below the selection value.
Editing input causes removing whole input.

Reproduction Link

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

Other comments

From versions 3.4.7-3.5.6 there as only strange behavior that input caret was placed randomly in middle of text.
Mentioned issue appears from 3.5.7 and exists up to 3.5.13.

@yuwu9145
Copy link
Member

Selection slots are treated the same as chips because it's impossible to guarantee slot content is text only.

For selection slots and chips, placing input next to selected item is intentional #19294

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants