ladybird/Tests/LibWeb/Layout/input/dialog-open-modal.html

<!DOCTYPE html>
<style>
    :modal {
        display: flex;
    }
</style>

<dialog id="modal">
    <span>I'm a node</span>
</dialog>

<script>
    document.addEventListener("DOMContentLoaded", () => {
        let modal = document.getElementById('modal');
        modal.showModal();
    });
</script>
Meta: Add doctypes to more layout tests 2025-05-04 16:35:21 +02:00			`<!DOCTYPE html>`
LibWeb: Implement :modal pseudo class Adds the :modal pseudo class which matches dialogs opened with showModal(). 2024-07-02 00:36:36 +01:00			`<style>`
			`:modal {`
			`display: flex;`
			`}`
			`</style>`

			`<dialog id="modal">`
			`<span>I'm a node</span>`
			`</dialog>`

			`<script>`
			`document.addEventListener("DOMContentLoaded", () => {`
			`let modal = document.getElementById('modal');`
			`modal.showModal();`
			`});`
			`</script>`