Impossible to insert spaces to the Other input field when "textUpdateMode": "onTyping" fix #10402 (#10404)

Author: andrewtelnov

packages/survey-core/src/question.ts

@@ -2665,7 +2665,7 @@ export class Question extends SurveyElement<Question>
     return this.getQuestionComment();
   }
   public set comment(newValue: string) {
-    if (!!newValue) {
+    if (!!newValue && newValue !== this.comment) {
       const trimmedValue = newValue.toString().trim();
       if (trimmedValue !== newValue) {
         newValue = trimmedValue;

packages/survey-core/src/question_baseselect.ts

@@ -1722,7 +1722,7 @@ export class QuestionSelectBase extends Question {
     }
   }
   private onOtherValueChange(item: ItemValue, event: any): void {
-    this.setCommentValueCore(item, event.target.value);
+    this.setCommentValueCore(item, (event.target?.value || "").trim());
     const val = this.getCommentValueCore(item);
     if (val !== event.target.value) {
       event.target.value = val || "";

packages/survey-core/tests/question_baseselecttests.ts

@@ -3477,6 +3477,26 @@ QUnit.test("radiogroup question showOtherItem - lost focus on empty", (assert) =
   assert.strictEqual(event.target.value, "", "event.target.value is empty");
   assert.equal(textArea.getTextValue(), "", "text area is empty #2");
 });
+QUnit.test("showOtherItem & textUpdateMode = 'onTyping' , Bug#10402", (assert) => {
+  const survey = new SurveyModel({
+    "textUpdateMode": "onTyping",
+    "elements": [
+      {
+        "type": "radiogroup",
+        "name": "q1",
+        "choices": ["item1", "item2"],
+        "showOtherItem": true
+      }
+    ]
+  });
+  const q1 = <QuestionRadiogroupModel>survey.getQuestionByName("q1");
+  q1.clickItemHandler(q1.otherItem);
+  q1.getCommentTextAreaModel(q1.otherItem).onTextAreaInput({ target: { value: "abc " } });
+  assert.equal(q1.otherValue, "abc ", "q1.otherValue #1");
+  assert.equal(survey.getComment("q1"), "abc ", "survey.data #1");
+  q1.getCommentTextAreaModel(q1.otherItem).onTextAreaChange({ target: { value: "abc xy " } });
+  assert.equal(q1.otherValue, "abc xy", "q1.otherValue #2");
+});
 QUnit.test("radiogroup & checkbox questions and choices has comment - display value, Bug#10193", (assert) => {
   const survey = new SurveyModel({
     "elements": [