Fixing positional enter in text area. (#1614)

Author: sakshi-arora1

ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/textinput/v1/textinput/clientlibs/site/js/textinputview.js

@@ -86,8 +86,12 @@
                     if (event.key === 'Enter') {
                         // Prevent default action of Enter key to avoid form submission
                         event.preventDefault();
-                        // Append a newline character to the widget value
-                        this.widget.value = this.widget.value + '\n';
+                        // Add a newline character to the widget value
+                        let cursorPosition = this.widget.selectionStart;
+                        let textBefore = this.widget.value.substring(0, cursorPosition);
+                        let textAfter = this.widget.value.substring(this.widget.selectionEnd);
+                        this.widget.value = textBefore + '\n' + textAfter;
+                        this.widget.selectionStart = this.widget.selectionEnd = cursorPosition + 1;
                     }
                 });
             }

ui.tests/test-module/specs/textinput/textinput.runtime.cy.js

@@ -148,6 +148,13 @@ describe("Form Runtime with Text Input", () => {
             cy.get(`#${textmultiline}`).find("textarea").should('have.value', input);
             cy.get(`#${textmultiline}`).find("textarea").type('{enter}').type('multiline').blur().then(x => {
                 cy.get(`#${textmultiline}`).find("textarea").should('have.value', "adobe\ntest\nmultiline");
+                cy.get(`#${textmultiline}`).find("textarea").then($el => {
+                    const el = $el[0];
+                    el.setSelectionRange(1, 2); //selects the second character of value
+                });
+                cy.get(`#${textmultiline}`).find("textarea").type('{enter}').type('new line').blur().then(x => {
+                    cy.get(`#${textmultiline}`).find("textarea").should('have.value', "a\nnew lineobe\ntest\nmultiline");
+                });
             });
         });
     })