<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Web Inspector: CodeMirror in resource content view should not show 'CR' characters"
   href="https://bugs.webkit.org/show_bug.cgi?id=160465#c4">Comment # 4</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - Web Inspector: CodeMirror in resource content view should not show 'CR' characters"
   href="https://bugs.webkit.org/show_bug.cgi?id=160465">bug 160465</a>
              from <span class="vcard"><a class="email" href="mailto:nvasilyev&#64;apple.com" title="Nikita Vasilyev &lt;nvasilyev&#64;apple.com&gt;"> <span class="fn">Nikita Vasilyev</span></a>
</span></b>
        <pre>(In reply to <a href="show_bug.cgi?id=160465#c3">comment #3</a>)
<span class="quote">&gt; I don't think editing codemirror.js is going to be the right fix. Here are
&gt; some alternatives:
&gt; 
&gt; 1. Heuristically detect whether the line endings seem to be \r\n or \n and
&gt; tell CodeMirror which line ending to assume (there's a setting for that)</span >

This is what Chrome seems to do.
<a href="https://codereview.chromium.org/19540026/">https://codereview.chromium.org/19540026/</a>

<span class="quote">&gt; 2. Strip line endings from the text that we display (somewhat dangerous due
&gt; to line:col interactions with JSC)
&gt; 3. Tag the CR character with CSS and make it visibility:none.</span >

I can't figure out how to write a valid CSS selector for this element:

&lt;span class=&quot;cm-invalidchar&quot; cm-text=&quot;
&quot;&gt;␍&lt;/span&gt;

These don't work:

.cm-invalidchar[cm-text=&quot;
&quot;]
.cm-invalidchar[cm-text=&quot;\n&quot;]
.cm-invalidchar[cm-text=&quot;\a&quot;]</pre>
        </div>
      </p>
      <hr>
      <span>You are receiving this mail because:</span>
      
      <ul>
          <li>You are the assignee for the bug.</li>
      </ul>
    </body>
</html>