fix horizontal expansion of textarea with autoexpand={true} (#786)

MahirMahdi · web-flow · commit fc577c5df1ae · 2023-09-12T12:13:57.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it.
 
+# v21.2.3
+
+-   [Fix] Prevent horizontal expansion of `TextArea` with `autoExpand={true}`.
+
 # v21.2.2
 
 -   [Docs] Fix links to Reactist components in storybook stories.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
         "email": "henning@doist.com",
         "url": "http://doist.com"
     },
-    "version": "21.2.2",
+    "version": "21.2.3",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": {
diff --git a/src/text-area/text-area.module.css b/src/text-area/text-area.module.css
@@ -27,6 +27,7 @@ See https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/
     font: inherit;
     width: 100%;
     resize: vertical;
+    overflow-wrap: anywhere; /* to stop unnecessary horizontal expansion of text-area when `autoExpand` is enabled.*/
 }
 
 .textAreaContainer:not(.bordered) .innerContainer::after,

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,7 @@ See https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/`
`27`	`27`	`font: inherit;`
`28`	`28`	`width: 100%;`
`29`	`29`	`resize: vertical;`
	`30`	+ overflow-wrap: anywhere; /* to stop unnecessary horizontal expansion of text-area when `autoExpand` is enabled.*/
`30`	`31`	`}`
`31`	`32`
`32`	`33`	`.textAreaContainer:not(.bordered) .innerContainer::after,`