adobe / coral-spectrum

A JavaScript library of Web Components following Spectrum design patterns.
http://opensource.adobe.com/coral-spectrum/documentation
Apache License 2.0
108 stars 82 forks source link

Autocomplete issue with "(" and "&" characters #182

Open tamsler-valtech opened 2 years ago

tamsler-valtech commented 2 years ago

Expected Behavior

A user can enter the characters:

Actual Behavior

These keys work as arrow down "(" and arrow up "&". The reason is this:

https://www.ascii-code.com/ https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode

Reproduce Scenario (including but not limited to)

Using a Swiss German keyboard layout, add an Coral.Autocomplete field with some items and try to enter either "(" or "&" in the text field. If you have a suggestion list, these keys will navigate up and down the list.

The exact line of code responsible for this: https://github.com/adobe/coral-spectrum/blob/9e2cc7f800bb3a6e80da425a673c46c36ad7c6f9/coral-utils/src/scripts/Keys.js#L385

This also happens in AEM 6.5.8 and probably all 6.5 versions.

ValtechDeBruyneYves commented 2 years ago

Thanks for the Analysis. I was also able to reproduce this on cloud-210600, so it affects AEM Cloud installations as well.