TYPO3 Core

Given:
- a page with a "Text" element
- insert a table into the bodytext field (CKEditor)

<table class="table table-bordered table-hover">
    <thead>
        <tr>
            <th>#</th>
            <th>FirstName</th>
            <th>LastName</th>
            <th>Username</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>John</td>
            <td>Doe</td>
            <td>@JohnDoe</td>
        </tr>
    </tbody>
</table>

- save the content element
- add a new row to the table

        <tr>
            <td>2</td>
            <td>Jane</td>
            <td>Doe</td>
            <td>@JanveDoe</td>
        </tr>

- save and close the content element
- change to "List" module and open the "History/Undo" view of the content element

Expectation:
- I can see the changes of the bodytext

Actual:
- it is hard to see the changes of the table
- depending on the table content, a long scroll bar needs to be used to see any difference

Suggestion:
- change the CSS for class .diff-item-result from white-space: pre; to white-space: pre-wrap; (or something similar) to keep spacing but allow line breaks