Break words in code blocks in RTE

Himanshu Kapoorrequested to merge
himkp-rte-code-break-word into master

What does this MR do and why?

Break words in code blocks in RTE

In rich text editor, long lines in code blocks usually are wrapped. But if the line contains a long word, it isn't wrapped, making it impossible to put the cursor after the whitespace after the long word. This commit fixes it.

This was brought up in Slack:

image.png

Changelog: fixed

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
image.png image.png

How to set up and validate locally

  1. In rich text editor, insert a code block.
  2. Add a really long word like eyJmaWxlX25hbWUiOiJhcHAvbW9kZWxzL2NoYXRfdGVhbS5yYiIsInRyZWVfb2lkIjoiMWNkZTQ0YzBlOTAzMDcyYTI1MTI0MmM0YTAwN2U5NTBmN2I5MGUyYSJ9, followed by a couple of spaces.
  3. Notice that you can place your cursor after the spaces, which was previously not possible due to the long word preventing a line wrap.

Merge request reports