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][Dropdowns] Browser autocomplete remains active in Vite project #551

Open
vveesseelliinnaa opened this issue Apr 1, 2024 · 2 comments
Labels
Bug Item which indicates that something is not working Kendo UI for Vue SEV: High

Comments

@vveesseelliinnaa
Copy link
Contributor

Describe the bug
Browser autocomplete remains active in Vite project

To Reproduce

  1. Go to https://stackblitz.com/edit/vue3-vite-starter-vijpcc?file=src%2FApp.vue
  2. Click on any of the inputs and observe the browser autocomplete popup
    Note: You need to have previously saved browser Name and address data.

Expected behavior
Only the popup of the dropdowns has to be shown like in a Vue project.

Browser

  • OS: iOS
  • Browser: Chrome

Additional context
Reported in Ticket ID: 1645959

WORKAROUND
Add `role="presentation" to all inputs on the page - https://stackblitz.com/edit/vue3-vite-starter-wq3idi?file=src%2FApp.vue

onMounted(() => {
  document.querySelectorAll('.dropdowns-wrapper input').forEach(input => {
    input.setAttribute('role', 'presentation')
  })
})
@vveesseelliinnaa vveesseelliinnaa added Bug Item which indicates that something is not working SEV: High Kendo UI for Vue labels Apr 1, 2024
@kdikov82
Copy link

Additional info from the ticket (reproducing the issue without vite):
Here is the demo using vite : https://www.geekwu.org/~bastien/demo_vite/vite/
And here the demo without vite : https://www.geekwu.org/~bastien/demo_vite/naked/

@BastienDurel
Copy link

Hello,

I've seen wrapping the input in a form with autocomplete=off attribute set prevents (for now ? autocomplete behaviour seems to me changing over time), but buttons & enter key triggers native form submission, and the screen blinks as the page "changes", which is worse :(

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Item which indicates that something is not working Kendo UI for Vue SEV: High
Projects
None yet
Development

No branches or pull requests

3 participants