serenity/Tests/LibWeb/Ref/css-placeholder-shown-selector.html

<link rel="match" href="reference/css-placeholder-shown-selector-ref.html" />
<style>
:placeholder-shown {
    background-color: yellow;
}
</style>
<input type="text" placeholder="hi">
<input type="text" placeholder="hi" value="I like turtles">
<input type="text">
<input type="text" value="I like turtles">
LibWeb+headless-browser: Replace ref-test manifest with link tags Each ref test now links to its reference page with a link tag, in the same format as WPT: `<link rel="match" href="reference-page.html" />` The reference pages have all been moved into a separate `reference/` dir so that we can just treat every file in `ref/` as a test. There's no filter to only look at .html files, because we also have a .svg file in there, and there may be other formats we want to use too. But it's not too hard to add one if we need it. 2023-09-12 17:40:47 +00:00			`<link rel="match" href="reference/css-placeholder-shown-selector-ref.html" />`
LibWeb: Implement the `:placeholder-shown` pseudo-class This matches if the element has a placeholder, and that placeholder is currently visible. This applies to `<input>` and `<textarea>` elements, but our `<textarea>` is very limited so does not support placeholders. 2023-08-22 15:51:42 +00:00			`<style>`
			`:placeholder-shown {`
			`background-color: yellow;`
			`}`
			`</style>`
			`<input type="text" placeholder="hi">`
			`<input type="text" placeholder="hi" value="I like turtles">`
			`<input type="text">`
			`<input type="text" value="I like turtles">`