fix(textarea): auto grow textarea line wraps long contents (#25928)

Resolves #25893

core/src/components/textarea/test/autogrow/textarea.e2e.ts

@@ -45,4 +45,28 @@ test.describe('textarea: autogrow', () => {
 
     expect(await textarea.screenshot()).toMatchSnapshot(`textarea-autogrow-after-${page.getSnapshotSettings()}.png`);
   });
+
+  test('should break long lines without white space', async ({ page }) => {
+    test.info().annotations.push({
+      type: 'issue',
+      description: 'https://github.com/ionic-team/ionic-framework/issues/25893',
+    });
+
+    await page.setContent(
+      `<ion-app>
+        <ion-content>
+          <ion-textarea
+            auto-grow="true"
+            value="abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz">
+          </ion-textarea>
+        </ion-content>
+      </ion-app>`
+    );
+
+    const textarea = await page.locator('ion-textarea');
+
+    expect(await textarea.screenshot()).toMatchSnapshot(
+      `textarea-autogrow-word-break-${page.getSnapshotSettings()}.png`
+    );
+  });
 });

core/src/components/textarea/textarea.scss

@@ -101,6 +101,8 @@
   @include text-inherit();
 
   grid-area: 1 / 1 / 2 / 2;
+
+  word-break: break-word;
 }
 
 .native-textarea {