Migrate away from `Enter` key event listener in `app/assets/javascripts/error_tracking/components/error_tracking_list.vue`
In app/assets/javascripts/error_tracking/components/error_tracking_list.vue
we bind an Enter event handler to a text input to trigger some submission-like action. This might degrade the user experience for users using Input Method Editors as they might expect the Enter key to confirm their selection within the IME rather than submit their input.
Ideally, we should rely on the native submit
event instead, which would require:
- Wrapping the input within a
<form>
or<gl-form>
if none exists yet. - Removing the Enter event listener from the input (this is typically done via
@keyup.enter
. - Attaching a
submit
event listener to the form to trigger the action that used to be triggered on Enter. - Updating the specs accordingly.
If wrapping the input within a form were to cause unforeseen overhead, an alternative approach would be to update the Enter event handler to abort the action when the isComposing
property is present on the KeyboardEvent
: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/isComposing