Skip to content
Jump to bottom

Disallow enter key to submit form on selecting Autocomplete item (CFM-150) #280

Merged
merged 3 commits into from Feb 4, 2025
Merged

Disallow enter key to submit form on selecting Autocomplete item (CFM-150) #280

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e93aa94
Disallow enter key to submit form on selecting Autocomplete item (CFM…
arlen Feb 4, 2025
ec10007
Disallow enter key for all but stand-alone people pickers on select (…
arlen Feb 4, 2025
6f09abd
Allow enter key when people-picker field is empty (CFM-150)
arlen Feb 4, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
13 changes: 12 additions & 1 deletion app/webroot/js/comanage/components/autocomplete/cm-autocomplete-people.js
View file
Open in desktop
Expand Up @@ -243,6 +243,16 @@ export default {
}
}
this.listLastPos = itemPosition
},
onEnter(ev) {
if(this.options.type != 'stand-alone'
&& this.person != '') {
// Allow the Enter key to submit the form only if we're in
// stand-alone mode or the field is empty.
ev.preventDefault();
ev.stopPropagation();
return false;
}
}
},
mounted() {
Expand Down Expand Up @@ -310,7 +320,8 @@ export default {
@show="calculateDisabled"
@keyup.arrow-down="onListNavigate"
@keyup.arrow-up="onListNavigate"
@item-select="setPerson">
@item-select="setPerson"
@keydown.enter="onEnter">
<template #option="slotProps">
<div class="cm-ac-item">
<div class="cm-ac-item-primary">
Expand Down