[Bug][Dropdowns] Browser autocomplete remains active in Vite project

[vveesseelliinnaa]

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')
  })
})

[kdikov82]

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]

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 :(