Dockery/Homarr
1
0
Fork 0
mirror of https://github.com/ajnart/homarr.git synced 2026-02-27 00:40:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: multi-text-input not saving on blur (#2128)

Browse Source
This commit is contained in:
Meier Lukas
2025-01-26 21:26:08 +01:00
committed by GitHub
parent b38de29a88
commit dd2ca13004
1 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/widgets/src/_inputs/widget-multi-text-input.tsx
View File

@@ -49,6 +49,17 @@ export const WidgetMultiTextInput = ({ property, kind, options }: CommonWidgetIn
return null;
}, [currentValidationResult, search]);
const handleAddSearch = () => {
if (search.length === 0 || !currentValidationResult.success) {
return;
}
if (values.includes(search)) {
return;
}
onChange([...values, search]);
setSearch("");
};
return (
<Combobox store={combobox}>
<Combobox.DropdownTarget>
@@ -68,7 +79,10 @@ export const WidgetMultiTextInput = ({ property, kind, options }: CommonWidgetIn
<Combobox.EventsTarget>
<PillsInput.Field
onFocus={() => combobox.openDropdown()}
onBlur={() => combobox.closeDropdown()}
onBlur={() => {
handleAddSearch();
combobox.closeDropdown();
}}
value={search}
placeholder={tCommon("multiText.placeholder")}
onChange={(event) => {
@@ -81,14 +95,7 @@ export const WidgetMultiTextInput = ({ property, kind, options }: CommonWidgetIn
onChange(values.slice(0, -1));
} else if (event.key === "Enter") {
event.preventDefault();
if (search.length === 0 || !currentValidationResult.success) {
return;
}
if (values.includes(search)) {
return;
}
onChange([...values, search]);
setSearch("");
handleAddSearch();
}
}}
/>