mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-19 07:22:21 +00:00
295b78f7d3
The editing command that relies the most on this, `insertLinebreak`, did not perform a layout update after inserting a `<br>` which caused this algorithm to always return false. But instead of actually building the layout tree needlessly, we can check the DOM tree instead.
52 lines
2 KiB
HTML
52 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<script src="../include.js"></script>
|
|
<div id="a" contenteditable>foobar</div>
|
|
<div id="b" contenteditable><p style="white-space: pre">foobar</p></div>
|
|
<div id="c" contenteditable><p style="white-space: pre">foobar</p></div>
|
|
<div id="d" contenteditable>foo</div>
|
|
<script>
|
|
test(() => {
|
|
let divA = document.querySelector('div#a');
|
|
let divB = document.querySelector('div#b');
|
|
let divC = document.querySelector('div#c');
|
|
let divD = document.querySelector('div#d');
|
|
|
|
document.body.offsetWidth // Force a layout
|
|
|
|
// A: Insert linebreak after 'foo'
|
|
println(`Before: "${divA.innerHTML}"`);
|
|
var range = document.createRange();
|
|
range.setStart(divA.firstChild, 3);
|
|
getSelection().addRange(range);
|
|
document.execCommand('insertLinebreak');
|
|
println(`After: "${divA.innerHTML}"`);
|
|
getSelection().empty();
|
|
|
|
// B: Insert linebreak after 'foo'
|
|
println(`Before: "${divB.innerHTML}"`);
|
|
var range = document.createRange();
|
|
range.setStart(divB.firstChild.firstChild, 3);
|
|
getSelection().addRange(range);
|
|
document.execCommand('insertLinebreak');
|
|
println(`After: "${divB.innerHTML}"`);
|
|
getSelection().empty();
|
|
|
|
// C: Insert linebreak after 'bar'
|
|
println(`Before: "${divC.innerHTML}"`);
|
|
var range = document.createRange();
|
|
range.setStart(divC.firstChild.firstChild, 6);
|
|
getSelection().addRange(range);
|
|
document.execCommand('insertLinebreak');
|
|
println(`After: "${divC.innerHTML}"`);
|
|
getSelection().empty();
|
|
|
|
// D: Insert linebreak after 'foo'
|
|
println(`Before: "${divD.innerHTML}"`);
|
|
var range = document.createRange();
|
|
range.setStart(divD.firstChild, 3);
|
|
getSelection().addRange(range);
|
|
document.execCommand('insertLinebreak');
|
|
println(`After: "${divD.innerHTML}"`);
|
|
getSelection().empty();
|
|
});
|
|
</script>
|