ladybird/Tests/LibWeb/Ref/input/css-open-closed-selectors.html

<!doctype html>
<link rel="match" href="../expected/css-open-closed-selectors-ref.html" />
<style>
:open {
    color: green;
}
</style>
<details open>
    <summary>Hi</summary>
    Well hello friends!
</details>
<details>
    <summary>Hi</summary>
    Well hello friends!
</details>
LibWeb: Implement the :open and :closed pseudo-classes These apply to any elements that have some kind of open/closed state. The spec suggests `<details>`, `<dialog>`, and `<select>`, so that's what I've supported here. Only `<details>` is fleshed out right now, but once the others are, these pseudo-classes should work automatically. :^) 2023-09-13 17:39:05 +01:00			`<!doctype html>`
Tests/LibWeb: Restructure Ref and Screenshot test dirs to match others Now each test type has the same directories: - input - expected - data Also, tests can be in subdirectories within ./input. 2024-11-05 12:49:08 +00:00			`<link rel="match" href="../expected/css-open-closed-selectors-ref.html" />`
LibWeb: Implement the :open and :closed pseudo-classes These apply to any elements that have some kind of open/closed state. The spec suggests `<details>`, `<dialog>`, and `<select>`, so that's what I've supported here. Only `<details>` is fleshed out right now, but once the others are, these pseudo-classes should work automatically. :^) 2023-09-13 17:39:05 +01:00			`<style>`
			`:open {`
			`color: green;`
			`}`
			`</style>`
			`<details open>`
			`<summary>Hi</summary>`
			`Well hello friends!`
			`</details>`
			`<details>`
			`<summary>Hi</summary>`
			`Well hello friends!`
			`</details>`