TEXTAREA newline

crbug.com/2007

by int32_t

HTML

<div>Normal:
    <textarea id="normal"></textarea></div>
<div>Nowrap:
    <textarea id="nowrap" style="white-space:nowrap;"></textarea></div>
<div>contentEditable:
    <div contentEditable=true>a</div>
<pre id="console"></pre>

CSS

pre {
    white-space: pre-wrap;
}

JavaScript

function handleInput(event) {
    var dump = 'Normal: ';
    var v = document.querySelectorAll('textarea')[0].value;

    for (var i = 0; i < v.length; ++i)
        dump += v.charCodeAt(i).toString(16) + ' ';
    dump += '\n';
    v = document.querySelectorAll('textarea')[1].value;
    dump += 'Nowrap: ';
    for (var i = 0; i < v.length; ++i)
        dump += v.charCodeAt(i).toString(16) + ' ';
    dump += '\n';
    v = document.querySelector('div[contentEditable]').textContent;
    dump += 'CE: ';
    for (var i = 0; i < v.length; ++i)
        dump += v.charCodeAt(i).toString(16) + ' ';
    dump += '\n';
    document.querySelector('#console').textContent = dump;

}

document.querySelectorAll('textarea')[0].addEventListener('input', handleInput, false);
document.querySelectorAll('textarea')[1].addEventListener('input', handleInput, false);
document.querySelector('div[contentEditable]').addEventListener('DOMCharacterDataModified', handleInput, true);