max characters

[Ghesselink]

'The right side of the error text is hidden in report. Making difficult to understand what the problem is'

https://bsi-technicalservices.atlassian.net/browse/VAL-203

The issue appeared only when the browser was not maximized in the screen. If it was (or in fullscreen), a scroll bar appeared below.
A solution is to allow only for 75 characters in a row of a message and, if exceeded, display the rest of the text in a new row.

Now, the result does not overflow.

[aothms]

Did you experiment with overflow-wrap: break-word; in CSS. Manually breaking based on actual characters in JS has some downsides: not every character has same width and changes selection behaviour.

[Ghesselink]

overflow-wrap: break-word;
Didn't work unfortunately. I've tried a couple of things, in the end what worked is modifying the whitespace and wordBreak variable.

          ".pre": {
            whiteSpace: 'pre-wrap',
            wordBreak: 'break-word',
          }

[aothms]

Looks good, but have a look at how it looks with syntax errors as well please.