ladybird/Tests/LibWeb/Text/input/focus-shouldIndicateFocus.html

<!DOCTYPE html>
<input value="foo"><br>
<button>bar</button>
<div contenteditable>baz</div>
<script src="include.js"></script>
<script>
test(() => {
    const reportOutline = e => { println(`${e.target.tagName}: ${window.getComputedStyle(e.target).outline}`); }
    const runOutlineTest = (selector) => {
        const elm = document.querySelector(selector);
        elm.addEventListener('focus', reportOutline);
        internals.click(elm.offsetLeft + 5, elm.offsetTop + 5);
    };

    runOutlineTest('input');
    runOutlineTest('button');
    runOutlineTest('div[contenteditable]');
});
</script>
LibWeb: Don't indicate focus for all form associated elements This was a misinterpretation of the spec; we should only indicate focus if the form associated element supports keyboard input, for which FormAssociatedTextControlElement is a much better match. 2025-08-13 08:51:04 -03:00			`<!DOCTYPE html>`
			`<input value="foo"><br>`
			`<button>bar</button>`
LibWeb: Indicate focus on contenteditable elements This mirrors what Chrome and Firefox do. 2025-08-20 05:20:07 -03:00			`<div contenteditable>baz</div>`
LibWeb: Don't indicate focus for all form associated elements This was a misinterpretation of the spec; we should only indicate focus if the form associated element supports keyboard input, for which FormAssociatedTextControlElement is a much better match. 2025-08-13 08:51:04 -03:00			`<script src="include.js"></script>`
			`<script>`
			`test(() => {`
			const reportOutline = e => { println(`${e.target.tagName}: ${window.getComputedStyle(e.target).outline}`); }
			`const runOutlineTest = (selector) => {`
			`const elm = document.querySelector(selector);`
			`elm.addEventListener('focus', reportOutline);`
			`internals.click(elm.offsetLeft + 5, elm.offsetTop + 5);`
			`};`

			`runOutlineTest('input');`
			`runOutlineTest('button');`
LibWeb: Indicate focus on contenteditable elements This mirrors what Chrome and Firefox do. 2025-08-20 05:20:07 -03:00			`runOutlineTest('div[contenteditable]');`
LibWeb: Don't indicate focus for all form associated elements This was a misinterpretation of the spec; we should only indicate focus if the form associated element supports keyboard input, for which FormAssociatedTextControlElement is a much better match. 2025-08-13 08:51:04 -03:00			`});`
			`</script>`