Bug on Auto Complete

[DonWolfram]

When using the browsers auto complete functionality on an input, the following bug occurs
in Keystore.js keyup and keydown events:

TypeError: Cannot read properties of undefined (reading 'toLowerCase')

Code Example
https://codepen.io/woelfners-miracles/pen/ExdLpEo

To Reproduce
Steps to reproduce the behavior:

1. Enter something in the input
2. Submit the form
3. (Refresh the page, because of the 404 Error caused by the form action)
4. Click on the input and select something from the suggestions
5. Have a look at the console to see the error

Thanks for the help and the great work on Dragselect! Keep it up!

[ThibaultJanBeyer]

Thank you DonWolfram, this is an easy fix and I’ll include it in the refactor PR coming soon #174

[scgm11]

any update on this? thanks!

[bedirhangull]

same problem

[bedirhangull]

@DonWolfram did you fix this problem?

[bedirhangull]

I fixed this problem in input element. If you rewrite input element like this:

<input
                readOnly={readOnly}
                onFocus={() => setReadOnly(false)}
                onBlur={() => setReadOnly(true)}
                autoComplete="off"
                autoCorrect="off"
                autoCapitalize="none"
                spellCheck="false"
                name='email'
                onChange={handleChange}
                className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:shadow-sm w-full p-2.5"
                placeholder="example@domain.com"
                required
              />

it will be fix

[ThibaultJanBeyer]

Will be fixed in v3 which will be out very soon :)