Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixed textarea overflow #1986

Merged
merged 4 commits into from
May 20, 2019
Merged

Fixed textarea overflow #1986

merged 4 commits into from
May 20, 2019

Conversation

tdurnford
Copy link
Contributor

@tdurnford tdurnford commented May 14, 2019

Fixes #1980

Changelog Entry

Fix #1980. Changed sendBoxTextArea styles to break words longer than the textarea, by @tdurnford in PR #1986

Description

Set the sendBoxTextArea's 'word-break' style option to 'break-word,' so that text wider than the textarea will wrap to the next line.

input-js-textarea-long-text-1-snap

  • Testing Added

@tdurnford tdurnford marked this pull request as ready for review May 14, 2019 18:12
whiteSpace: 'pre-wrap',
width: 'inherit',
wordBreak: 'break-word'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we following styleOptions.messageActivityWordBreak? @corinagum what do you think?

If yes, should we add more tests?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hmmm good point. However, if it's not 'break-word' it creates undesired behavior so I think we would want it to stay on 'break-word' always.

Thoughts?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

My brain stuck last week. Please keep break-word.

__tests__/input.js Show resolved Hide resolved
__tests__/input.js Show resolved Hide resolved
whiteSpace: 'pre-wrap',
width: 'inherit',
wordBreak: 'break-word'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

My brain stuck last week. Please keep break-word.

@corinagum corinagum merged commit d51aa99 into microsoft:master May 20, 2019
@tdurnford tdurnford deleted the 1980 branch June 3, 2019 21:59
@compulim compulim mentioned this pull request Jul 8, 2019
5 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Multi-line input textarea overflows container when words can't be broken
3 participants