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

Keyboard nav in Safari breaks search input field #985

Open
doubleforte opened this issue Jun 8, 2022 · 1 comment
Open

Keyboard nav in Safari breaks search input field #985

doubleforte opened this issue Jun 8, 2022 · 1 comment

Comments

@doubleforte
Copy link

Description

In Safari 15.3, using keyboard navigation inside the search field moves the cursor to an unexpected place when typing. The attached video shows it in action on the Algolia docs site, but it's also reproducible on my own site.

https://www.algolia.com/doc/ui-libraries/autocomplete/introduction/what-is-autocomplete/

Reproduction

On Safari 15.3 (works ok in Safari 15.5 as well as current Chrome/Firefox):

Steps

  1. Type in a search term.
  2. Use either the mouse or keyboard to put the cursor somewhere inside the entered text (not at the end).
  3. Start typing new characters.
  4. Only the first letter you type is added at the cursor location, before the cursor jumps back to the end of the previously typed text automatically.

Expected behavior

Any text entered should appear at the cursor's position, even if it's inside existing text. Safari 15.3 isn't that old. :(

Environment

  • OS: Mac
  • Browser: Safari 15.3
  • Autocomplete version: v1.6.3
autocomplete.mov
@doubleforte doubleforte changed the title Keyboard nav in Safari is odd inside search input field Keyboard nav in Safari breaks search input field Jun 8, 2022
@zsaraf
Copy link

zsaraf commented May 4, 2023

+1

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

No branches or pull requests

2 participants