christianV/Craze-Data-check
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/Craze-Data-check.git synced 2026-08-03 12:25:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix: focus textarea after AI generation for manual editing

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-04-09 10:20:59 +02:00
parent f125572572
commit 0b100398e7
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/EditPanel.tsx
+6
View File
@@ -127,6 +127,11 @@ export function EditPanel({ row, rowIndex, onSave, onClose, onCaptureState }: Ed
const generatedText = await generateGemini(prompt, systemPrompt); const generatedText = await generateGemini(prompt, systemPrompt);
setFormData(prev => ({ ...prev, [field]: generatedText.trim() })); setFormData(prev => ({ ...prev, [field]: generatedText.trim() }));
setGeneratedFields(prev => new Set(prev).add(field)); setGeneratedFields(prev => new Set(prev).add(field));
// Focus the textarea so user can edit immediately after AI generation
setTimeout(() => {
const textarea = document.getElementById(`field-${field}`);
if (textarea) textarea.focus();
}, 100);
} catch (err: any) { } catch (err: any) {
setError(err.message || 'An error occurred during generation.'); setError(err.message || 'An error occurred during generation.');
} finally { } finally {
@@ -205,6 +210,7 @@ export function EditPanel({ row, rowIndex, onSave, onClose, onCaptureState }: Ed
)} )}
</div> </div>
<textarea <textarea
id={`field-${String(field)}`}
value={formData[field]} value={formData[field]}
onChange={e => setFormData(prev => ({ ...prev, [field]: e.target.value }))} onChange={e => setFormData(prev => ({ ...prev, [field]: e.target.value }))}
className={cn( className={cn(