[Bug]: Enter key doesn't create new lines in Additional Info textareas

Author: KevhecCreated Apr 22, 2026Updated Apr 22, 2026
Labelsbug

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:

typescript
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

  1. Open the resume builder and navigate to the Additional Info section
  2. Click on any textarea (e.g. Technical Skills)
  3. Type any text
  4. Press Enter to add a new item
  5. 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