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
+12 −1
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.
Loading
Jump to
Jump to file
Failed to load files.
Loading
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
Original file line number Diff line number Diff line change
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