adobe / adobe/aem-core-forms-components
Text input with "allow multiple lines" doesn't allow newlines with return/enter key
- Dominant language
- JavaScript
- Stars
- 36
- Forks
- 62
- Avg merge
- 1d 6h
- Merged PRs (30d)
- 8
Description
### Expected Behaviour
Pressing the return or enter key inside a multi-line text input should create a new line
### Actual Behaviour
Cursor stays on the same line
### Reproduce Scenario (including but not limited to)
#### Steps to Reproduce
1. Add a text input to the form
2. Select the "allow multiple lines" checkbox in the configuration dialog
3. Preview form
4. Type anything into text input, then press return/enter
#### Platform and Version
core.forms.components.version: 3.0.70
Core Form Components: 1.1.32
#### AEM Version (mention the exact version in case of cloud SDK)
Adobe Experience Manager 2025.3.20133.20250325T063357Z-250300
#### AEM Forms Version
Adobe Experience Manager Forms 2025.03.13.02-250300
#### Sample Code that illustrates the problem
#### Logs taken while reproducing problem
Seems to be caused by this line in FormContainer#preventDefaultSubmit():
https://github.com/adobe/aem-core-forms-components/blob/7dcef79b88b96df293d9b96a38fb11948f2b8d7b/ui.frontend/src/view/FormContainer.js#L52
Contributor guide
Research direction
Start in ui.frontend/src/view/FormContainer.js at FormContainer#preventDefaultSubmit(), the line linked in the issue. Reproduce the form with “allow multiple lines” enabled and press Return or Enter in the text input. Done means the key creates a new line in that input while the reported form behavior remains correct.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 45/100