ladybird/Tests/LibWeb/Text/input/HTML/HTMLElement-offsetFoo-for-split-inline-element.html

<!DOCTYPE html>
<b>foo<div>bar</div>baz</b>
<script src="../include.js"></script>
<script>
    test(() => {
        const b = document.querySelector('b');

        println(`b.offsetTop: ${b.offsetTop}`);
        println(`b.offsetLeft: ${b.offsetLeft}`);
        println(`b.offsetWidth: ${b.offsetWidth}`);
        println(`b.offsetHeight: ${b.offsetHeight}`);
    });
</script>
Meta: Add DOCTYPEs to most text tests 2025-03-18 19:28:35 +01:00			`<!DOCTYPE html>`
LibWeb: Support inserting non-inline elements into inline elements Our layout tree requires that all containers either have inline or non-inline children. In order to support the layout of non-inline elements inside inline elements, we need to do a bit of tree restructuring. It effectively simulates temporarily closing all inline nodes, appending the block element, and resumes appending to the last open inline node. The acid1.txt expectation needed to be updated to reflect the fact that we now hoist its <p> elements out of the inline <form> they were in. Visually, the before and after situations for acid1.html are identical. 2025-01-15 16:37:30 +01:00			`<b>foo<div>bar</div>baz</b>`
			`<script src="../include.js"></script>`
			`<script>`
			`test(() => {`
			`const b = document.querySelector('b');`

			println(`b.offsetTop: ${b.offsetTop}`);
			println(`b.offsetLeft: ${b.offsetLeft}`);
			println(`b.offsetWidth: ${b.offsetWidth}`);
			println(`b.offsetHeight: ${b.offsetHeight}`);
			`});`
			`</script>`