DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

MultiSelect: select values on blur

Browse source
This commit is contained in:
Paul Chavard 2021-05-20 13:15:27 +02:00
parent 3313ea5885
commit bf462380e6
1 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/javascript/components/ComboMultipleDropdownList.jsx
View file

@ -100,6 +100,17 @@ function ComboMultipleDropdownList({
}
};
const onBlur = (event) => {
if (
acceptNewValues &&
term &&
[...extraOptions, ...options].map(([label]) => label).includes(term)
) {
event.preventDefault();
return onSelect(term);
}
};
const saveSelection = (fn) => {
setSelections((selections) => {
selections = fn(selections);
@ -162,6 +173,7 @@ function ComboMultipleDropdownList({
value={term}
onChange={handleChange}
onKeyDown={onKeyDown}
onBlur={onBlur}
autocomplete={false}
/>
</ComboboxTokenLabel>