LibWeb: Implement input color type sanitation algorithm

1 files changed, 24 insertions, 0 deletions

diff --git a/Userland/Libraries/LibWeb/HTML/HTMLInputElement.cpp b/Userland/Libraries/LibWeb/HTML/HTMLInputElement.cpp
index aa8d45a434..b5369da429 100644
--- a/Userland/Libraries/LibWeb/HTML/HTMLInputElement.cpp
+++ b/Userland/Libraries/LibWeb/HTML/HTMLInputElement.cpp
@@ -466,6 +466,23 @@ void HTMLInputElement::set_type(DeprecatedString const& type)
     MUST(set_attribute(HTML::AttributeNames::type, type));
 }
 
+// https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#valid-simple-colour
+static bool is_valid_simple_color(DeprecatedString const& value)
+{
+    // if it is exactly seven characters long,
+    if (value.length() != 7)
+        return false;
+    // and the first character is a U+0023 NUMBER SIGN character (#),
+    if (!value.starts_with('#'))
+        return false;
+    // and the remaining six characters are all ASCII hex digits
+    for (size_t i = 1; i < value.length(); i++)
+        if (!is_ascii_hex_digit(value[i]))
+            return false;
+
+    return true;
+}
+
 // https://html.spec.whatwg.org/multipage/input.html#value-sanitization-algorithm
 DeprecatedString HTMLInputElement::value_sanitization_algorithm(DeprecatedString value) const
 {
@@ -496,6 +513,13 @@ DeprecatedString HTMLInputElement::value_sanitization_algorithm(DeprecatedString
         auto maybe_double = value.to_double(TrimWhitespace::Yes);
         if (!maybe_double.has_value() || !isfinite(maybe_double.value()))
             return "";
+    } else if (type_state() == HTMLInputElement::TypeAttributeState::Color) {
+        // https://html.spec.whatwg.org/multipage/input.html#color-state-(type=color):value-sanitization-algorithm
+        // If the value of the element is a valid simple color, then set it to the value of the element converted to ASCII lowercase;
+        if (is_valid_simple_color(value))
+            return value.to_lowercase();
+        // otherwise, set it to the string "#000000".
+        return "#000000";
     }
 
     // FIXME: Implement remaining value sanitation algorithms