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] v-autocomplete drawer opening when clicking on closable v-chips #10774

Closed
mdebortoli opened this issue Mar 7, 2020 · 6 comments · Fixed by #12343
Closed

[Bug Report] v-autocomplete drawer opening when clicking on closable v-chips #10774

mdebortoli opened this issue Mar 7, 2020 · 6 comments · Fixed by #12343
Assignees
Labels
C: VSelect VSelect T: bug Functionality that does not work as intended/expected
Milestone

Comments

@mdebortoli
Copy link

Environment

Vuetify Version: 2.2.15
Vue Version: 2.6.11
Browsers: Chrome 80.0.3987.132
OS: Mac OS 10.15.2

Steps to reproduce

When some props are applied to the v-autocomplete, the drawer starts to show up even when click on the "X" icon to remove a chip.

Expected Behavior

Show the dropdown drawer only if clicked on the select box, not on the closable chips.

Actual Behavior

Bug found when using props: outlined, solo, filled.

If those props are removed from the Codepen example, the behaviour of the component is correct.

Reproduction Link

https://codepen.io/rafacarneiro/pen/abOVEzw?editable=true&editors=101

@Trobbdor
Copy link

Trobbdor commented Mar 25, 2020

Here's a simpler codepen for reference to show this bug with a v-select, outlined and not:
https://codepen.io/trobbins2/pen/yLNQNyv?editors=1011

Reproduced in v2.2.19

@johnleider johnleider added T: bug Functionality that does not work as intended/expected C: VAutocomplete VAutocomplete and removed S: triage labels Apr 4, 2020
@VesterDe
Copy link
Contributor

I would also appreciate this being looked at. It's an annoyance in UX for my app.

@jacekkarczmarczyk jacekkarczmarczyk added C: VSelect VSelect and removed C: VAutocomplete VAutocomplete labels Apr 29, 2020
@SpenceSouth
Copy link

My team is also running into this bug as well. Very annoying.

@MathieuDerelle
Copy link

same for me

@terazus
Copy link

terazus commented Dec 4, 2020

Hello,
I am still having the issue with version 2.3.19.
Any help would be appreciated: https://github.com/FAIRsharing/fairsharing.github.io/blob/dev/src/components/Editor/EditGeneralInfo.vue#L137-L190

@KaelWD
Copy link
Member

KaelWD commented Dec 5, 2020

https://github.com/FAIRsharing/fairsharing.github.io/blob/dev/package.json#L35

We kindly ask users to not comment on closed/resolved issues. If you believe that this issue has not been correctly resolved, please create a new issue showing the regression.

If you have any additional questions, please reach out to us in our Discord community.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VSelect VSelect T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging a pull request may close this issue.

10 participants