[Bug]: Enter key doesn't create new lines in Additional Info textareas
Describe the bug
In the Additional Info form (Technical Skills, Languages, Certifications, Awards), pressing Enter does not create a new line. The textarea appears to accept the input momentarily but immediately resets, preventing users from adding multiple items.
Root cause
The issue is in AdditionalForm (additional-form.tsx). The handleArrayChange function splits the textarea value by \n and immediately filters out empty strings:
const items = value.split('\n').filter((item) => item.trim() !== '');When Enter is pressed, the new empty line gets filtered out before it's stored in state. The component re-renders with the filtered value, effectively undoing the Enter keystroke on every input event.
Suggested fix
Remove the .filter() from handleArrayChange and filter empty strings at the renderer level instead, not at input time.
To Reproduce
- Open the resume builder and navigate to the Additional Info section
- Click on any textarea (e.g. Technical Skills)
- Type any text
- Press Enter to add a new item
- Observe that no new line is created
Expected behavior
Each item should be entered on its own line, with Enter creating a new line so the user can type the next item.
Environment
- Tested on: Brave, Edge, Firefox (reproduced on all)
- OS: Windows 11 (browsers) / WSL2 (dev server)
- Version/commit: 5542278
Screenshots
No response
Source: srbhr/Resume-Matcher