mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-19 07:22:21 +00:00
6176b05ca5
The spec calls for a couple of very specific whitespace padding techniques whenever we canonicalize whitespace during the execution of editing commands, but it seems that other browsers have a simpler strategy - let's adopt theirs!
35 lines
1.3 KiB
HTML
35 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<script src="../include.js"></script>
|
|
<div id="a" contenteditable="true">foobar</div>
|
|
<div id="b" contenteditable="true">a </div>
|
|
<div id="c" contenteditable="true">a b</div>
|
|
<div id="d" contenteditable="true">a b</div>
|
|
<div id="e" contenteditable="true">a b</div>
|
|
<div id="f" contenteditable="true">a b</div>
|
|
<div id="g" contenteditable="true"> b</div>
|
|
<script>
|
|
test(() => {
|
|
const testForwardDelete = function(divId, position) {
|
|
println(`--- ${divId} ---`);
|
|
const divElm = document.querySelector(`div#${divId}`);
|
|
println(`Before: ${divElm.innerHTML}`);
|
|
|
|
// Place cursor
|
|
const node = divElm.childNodes[0];
|
|
getSelection().setBaseAndExtent(node, position, node, position);
|
|
|
|
// Press delete
|
|
document.execCommand('forwardDelete');
|
|
|
|
println(`After: ${divElm.innerHTML}`);
|
|
};
|
|
|
|
testForwardDelete('a', 3);
|
|
testForwardDelete('b', 1);
|
|
testForwardDelete('c', 1);
|
|
testForwardDelete('d', 1);
|
|
testForwardDelete('e', 1);
|
|
testForwardDelete('f', 1);
|
|
testForwardDelete('g', 0);
|
|
});
|
|
</script>
|