From c59fa7df9eaecce0dd202906cd4a8208566194cb Mon Sep 17 00:00:00 2001 From: TJ Durnford Date: Tue, 14 May 2019 10:34:37 -0700 Subject: [PATCH 1/2] Fixed textarea overflow --- CHANGELOG.md | 1 + .../input-js-textarea-long-text-1-snap.png | Bin 0 -> 18485 bytes __tests__/input.js | 12 ++++++++++++ .../src/Styles/StyleSet/SendBoxTextArea.js | 6 ++++-- 4 files changed, 17 insertions(+), 2 deletions(-) create mode 100644 __tests__/__image_snapshots__/chrome-docker/input-js-textarea-long-text-1-snap.png diff --git a/CHANGELOG.md b/CHANGELOG.md index 1eaf62fc74..443b4fafdc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -33,6 +33,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. ### Fixed - Fix [#1974](https://github.com/Microsoft/BotFramework-WebChat/issues/1974). Update `/docs/` folder to `/media/` and delete unused images, by [@corinagum](https://github.com/corinagum) in PR [#1975](https://github.com/Microsoft/BotFramework-WebChat/pull/1975) +- Fix [#1980](https://github.com/Microsoft/BotFramework-WebChat/issues/1980). Changed sendBoxTextArea styles to break words longer than the textarea, by [@tdurnford](https://github.com/tdurnford) in PR [#XXX](https://github.com/Microsoft/BotFramework-WebChat/pull/XXX) ## [4.4.1] - 2019-05-02 diff --git a/__tests__/__image_snapshots__/chrome-docker/input-js-textarea-long-text-1-snap.png b/__tests__/__image_snapshots__/chrome-docker/input-js-textarea-long-text-1-snap.png new file mode 100644 index 0000000000000000000000000000000000000000..e78316a252b80913dd007c847ea5fc821d369fa4 GIT binary patch literal 18485 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 literal 0 HcmV?d00001 diff --git a/__tests__/input.js b/__tests__/input.js index 984af60d41..6706863183 100644 --- a/__tests__/input.js +++ b/__tests__/input.js @@ -88,3 +88,15 @@ test('textarea send on enter', async () => { expect(base64PNG).toMatchImageSnapshot(imageSnapshotOptions); }); + +test('textarea long text', async () => { + const { driver } = await setupWebDriver({ props: { styleOptions }}); + + const textarea = await driver.findElement(By.tagName('textarea')); + + await textarea.sendKeys('https://github.com/microsoft/BotFramework-WebChat/blob/master/packages/component/src/Styles/defaultStyleSetOptions.js'); + + const base64PNG = await driver.takeScreenshot(); + + expect(base64PNG).toMatchImageSnapshot(imageSnapshotOptions); +}); diff --git a/packages/component/src/Styles/StyleSet/SendBoxTextArea.js b/packages/component/src/Styles/StyleSet/SendBoxTextArea.js index a007e7995b..e4bc8d00a9 100644 --- a/packages/component/src/Styles/StyleSet/SendBoxTextArea.js +++ b/packages/component/src/Styles/StyleSet/SendBoxTextArea.js @@ -26,9 +26,10 @@ export default function createSendBoxTextAreaStyle({ fontFamily: 'inherit', fontSize: 'inherit', height: '100%', - overflowY: 'scroll', + overflowY: 'auto', whiteSpace: 'pre-wrap', width: 'inherit', + wordBreak: 'break-word' }, '& > textarea': { @@ -43,7 +44,8 @@ export default function createSendBoxTextAreaStyle({ position: 'absolute', resize: 'none', top: 0, - width: '100%' + width: '100%', + wordBreak: 'break-word' } } } From 427c6e67187e409fcf330d21c67297cbf9d2f82b Mon Sep 17 00:00:00 2001 From: TJ Durnford Date: Tue, 14 May 2019 11:11:25 -0700 Subject: [PATCH 2/2] Updated Change Log --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 443b4fafdc..99ad9ad5ea 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -33,7 +33,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. ### Fixed - Fix [#1974](https://github.com/Microsoft/BotFramework-WebChat/issues/1974). Update `/docs/` folder to `/media/` and delete unused images, by [@corinagum](https://github.com/corinagum) in PR [#1975](https://github.com/Microsoft/BotFramework-WebChat/pull/1975) -- Fix [#1980](https://github.com/Microsoft/BotFramework-WebChat/issues/1980). Changed sendBoxTextArea styles to break words longer than the textarea, by [@tdurnford](https://github.com/tdurnford) in PR [#XXX](https://github.com/Microsoft/BotFramework-WebChat/pull/XXX) +- Fix [#1980](https://github.com/Microsoft/BotFramework-WebChat/issues/1980). Changed sendBoxTextArea styles to break words longer than the textarea, by [@tdurnford](https://github.com/tdurnford) in PR [#1986](https://github.com/Microsoft/BotFramework-WebChat/pull/1986) ## [4.4.1] - 2019-05-02