RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 15:37:46 +00:00
Code Issues Activity Actions

LibWeb: Implement the :placeholder-shown pseudo-class

Browse source 
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.
This commit is contained in:
Sam Atkins 2023-08-22 16:51:42 +01:00 • committed by Andreas Kling
parent 9f5b1e6614
commit 7bc5949e35
5 changed files with 34 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
Tests/LibWeb/Ref/css-placeholder-shown-selector-ref.html Normal file
View file

@ -0,0 +1,9 @@
<style>
.placeholder-shown {
background-color: yellow;
}
</style>
<input type="text" placeholder="hi" class="placeholder-shown">
<input type="text" placeholder="hi" value="I like turtles">
<input type="text">
<input type="text" value="I like turtles">

9
Tests/LibWeb/Ref/css-placeholder-shown-selector.html Normal file
View file

@ -0,0 +1,9 @@
<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">

1
Tests/LibWeb/Ref/manifest.json
View file

@ -9,6 +9,7 @@
"css-gradient-currentcolor.html": "css-gradient-currentcolor-ref.html",
"css-lang-selector.html": "css-lang-selector-ref.html",
"css-local-link-selector.html": "css-local-link-selector-ref.html",
"css-placeholder-shown-selector.html": "css-placeholder-shown-selector-ref.html",
"css-gradients.html": "css-gradients-ref.html",
"css-read-only-read-write-selectors.html": "css-read-only-read-write-selectors-ref.html",
"svg-symbol.html": "svg-symbol-ref.html",