Remove autocomplete from inputs in Cypress UI

[ZachJW34]

Current behavior

There are a few inputs inside the Cypress App with some not-so-great looking autocompletes. They look like tootlips and aren't aligned properly.

Desired behavior

We should disable autocomplete for our inputs.

Test code to reproduce

Open up Cypress App and type in the spec search filter. Click on a spec and navigate back, the autocomplete should show in the spec search input.

Cypress Version

10.0.2

Other

No response

[estefafdez]

+1 to this issue, sometimes you can't type properly the name of the specs because of that.

[marktnoonan]

@viniciuspietscher if you want to grab another small issue, this one requires adding the attribute autocomplete="off" to the input elements in the following files:

• packages/app/src/components/FileMatchInput.vue
• packages/app/src/runner/selector-playground/SelectorPlayground.vue
• packages/frontend-shared/src/components/Input.vue

And updating the component tests for each one to validate that the attribute is present.

[cypress-bot]

The code for this is done in cypress-io/cypress#22456, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 10.3.1.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v10.3.1, please open a new issue.