`show-whitespace` isn't wrapped to next line properly #2991

This one is though. There's no easy way to show the whitespace without compromising the copy-paste.

Currently we just overlay the •→ symbols via :before pseudo-element with position: absolute; this can't support the regular inline line breaking.

A solution could be wrapping each whitespace in its own element. This feature is already set up to only act on the visible lines so it might handle the extra operations without slowing down (except when the user scrolls past a lot of files very quickly)

I'm trying this out now, I can't replicate that wrapping behavior at all in both Chrome and Firefox. The spaces never wrap:

With RG

<img width="882" alt="" src="https://user-images.githubusercontent.com/1402241/87654642-83784180-c757-11ea-8804-3152d0a23eda.png">

Without RG

<img width="892" alt="" src="https://user-images.githubusercontent.com/1402241/87654754-a99de180-c757-11ea-9d08-dc30219b64fd.png">

cc @notlmn