diff --git a/components/main/kabelueberwachung/kue705FO/modals/KueEinstellung.tsx b/components/main/kabelueberwachung/kue705FO/modals/KueEinstellung.tsx index 8106c74..149ce40 100644 --- a/components/main/kabelueberwachung/kue705FO/modals/KueEinstellung.tsx +++ b/components/main/kabelueberwachung/kue705FO/modals/KueEinstellung.tsx @@ -75,22 +75,27 @@ export default function KueEinstellung({ memoryInterval[slot] ?? "" ); + /* +fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Updates schützen + +- Lokale States beim ersten Öffnen des Modals gesetzt +- Redux-Änderungen während der Bearbeitung blockiert, um Fokusverlust zu verhindern +- Benutzerfreundlichkeit bei der Bearbeitung von Kabelüberwachungen verbessert + + */ + const [initialized, setInitialized] = useState(false); + useEffect(() => { - setLocalName(kueID[slot] || ""); - setLocalLimit1(kueLimit1[slot] ?? ""); - setLocalDelay1(kueDelay1[slot] ?? ""); - setLocalLimit2Low(kueLimit2Low[slot] ?? ""); - setLocalLoopInterval(kueLoopInterval[slot] ?? ""); - setLocalMemoryInterval(memoryInterval[slot] ?? ""); - }, [ - kueID, - kueLimit1, - kueDelay1, - kueLimit2Low, - kueLoopInterval, - memoryInterval, - slot, - ]); + if (!initialized) { + setLocalName(kueID[slot] || ""); + setLocalLimit1(kueLimit1[slot] ?? ""); + setLocalDelay1(kueDelay1[slot] ?? ""); + setLocalLimit2Low(kueLimit2Low[slot] ?? ""); + setLocalLoopInterval(kueLoopInterval[slot] ?? ""); + setLocalMemoryInterval(memoryInterval[slot] ?? ""); + setInitialized(true); + } + }, [initialized, slot]); const handleSaveWrapper = () => { const originalValues: OriginalValues = { diff --git a/config/webVersion.ts b/config/webVersion.ts index 9525dc1..07484cc 100644 --- a/config/webVersion.ts +++ b/config/webVersion.ts @@ -6,5 +6,5 @@ 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen). */ -const webVersion = "1.6.299"; +const webVersion = "1.6.300"; export default webVersion;